The idea is that there is a “hidden” text box with no background so it sits nicely on the background.
When the text box is clicked on it makes the value blank and changes the text to black.
This works in Chrome and IE but not in Firefox,
<input id="emailSubscribe" name="email" type="text" value="Subscribe for updates, Just enter your email Address"></input>
$("#emailSubscribe").focus(function(){
if($("#emailSubscribe").val() == "Subscribe for updates, Just enter your email Address"){
$("#emailSubscribe").val("")
$("#emailSubscribe").css("color", "black");
$("#buttonBar").fadeIn(700);
}
});
You are missing the semicolon(;)
Your
$("#emailSubscribe").val("")should be$("#emailSubscribe").val("");