How to remove placeholder on focus

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('input,textarea').focus(function(){
   jQuery(this).data('placeholder',jQuery(this).attr('placeholder'))
          .attr('placeholder','');
}).blur(function(){
   jQuery(this).attr('placeholder',jQuery(this).data('placeholder'));
});
});  
</script>

Add placeholder using jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function(e) {
    jQuery(".emailinput").attr("placeholder", "Email address");
});
</script>

<input class="emailinput" name="" required="" type="email">


Example: