Form input hidden

by Apple Ilagan

HTML

<input type="text" aria-invalid="false" aria-required="true" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" size="40" value="First Name" name="fname1">

JavaScript

jQuery('input[name="fname1"]').focus(function () {
    if (jQuery(this).val() == "") {
        jQuery(this).val("First Name");
    } else if ($(this).val() == "First Name") {
        jQuery(this).val('');
    }
}).blur(function () {
    if (jQuery(this).val() == "") {
        jQuery(this).val("First Name");
    } else if (jQuery(this).val() == "First Name") {
        jQuery(this).val('');
    }
});