replace the .addclass() & removeClass() with
.toggleClass(“watermarkOn”)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
total code
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
$(“#textBox1″).focus(function() {

$(this).filter(function() {

// We only want this to apply if there’s not
// something actually entered
return $(this).val() == “” || $(this).val() == “Type here”

}).toggleClass(“watermarkOn”).val(“”);

});

// Define what happens when the textbox loses focus
// Add the watermark class and default text
$(“#textBox1″).blur(function() {

$(this).filter(function() {

// We only want this to apply if there’s not
// something actually entered
return $(this).val() == “”

}).toggleClass(“watermarkOn”).val(“Type here”);

});

http://mindstick.com/Blog/136/Using watermark functionality in textbox by JQuery

Thank you very much!

There is an issue in this method. run the page and write “Type here” in the textbox and then click on any other location and then again click on the textbox the text you have entered will be lost.

Regards
Karan

EvX, your function works, mostly. (Foremost, thx for the function…)

Issue:
When pressing TAB in textbox_A to move textbox_B, textbox_B does have the css class watermarkON removed, however textbox_B does not actually have typing focus. That is, I can type, but no text is entered into textbox_B.

If I press ENTER/RETURN in textbox_A which then goes to textbox_B, then, yes, textbox_B both has focus and when I type text is entered into textbox_B.

Workaround:
Add $(“#textbox_A”).keyDown (in the .js file for that page) to handle the tab keyCode and move / set focus to textbox_B.

$(“#textbox_A”).keydown(function(event) {
if (HandleTabOrEnter(event, “#textbox_B”)) { return; }
});

Any insights as to how to pass the TAB within your function is appreciated