http://www.ssbits.com/home/ http://www.ssbits.com/snippets/2009/clearing-the-search-field-on-click-with-jquery/#PageComment_845 the code I got to work in IE9 was (if you want to try and modify your code above): var searchBox = $("#SearchForm_SearchForm_Search"); var searchBoxDefault = "Search"; searchBox.focus(function(){ if($(this).attr("value") == searchBoxDefault) $(this).attr("value", ""); }); searchBox.blur(function(){ if($(this).attr("value") == "") $(this).attr("value", searchBoxDefault); }); RSSName http://www.ssbits.com/snippets/2009/clearing-the-search-field-on-click-with-jquery/#PageComment_845 http://www.ssbits.com/snippets/2009/clearing-the-search-field-on-click-with-jquery/#PageComment_844 I use this all the time...but, it has stopped working in IE 9. Have you seen this, and if so, do you know of a fix? RSSName http://www.ssbits.com/snippets/2009/clearing-the-search-field-on-click-with-jquery/#PageComment_844 http://www.ssbits.com/snippets/2009/clearing-the-search-field-on-click-with-jquery/#PageComment_286 Nice snippet - I have taken the idea a little further and created a small jQuery plugin: (function($) { $.fn.overLabel = function() { return this.focus(function() { if (this.value == this.defaultValue) { this.value = ''; } }).blur(function() { if (!this.value.length) { this.value = this.defaultValue; } }); }; })(jQuery); To use this: $(<selector here>).overLabel(); This means I can target a single DOM element easily... Cheers! RSSName http://www.ssbits.com/snippets/2009/clearing-the-search-field-on-click-with-jquery/#PageComment_286 http://www.ssbits.com/snippets/2009/clearing-the-search-field-on-click-with-jquery/#PageComment_263 Enjoyed your Snippet! Some nice tweeks might be to (be able to) set the text and style of the "hint" for any input or textarea fields. For example, I use the following jQuery plugin... * Requirements::customScript: jQuery(document).ready(function() { jQuery("#SearchForm_SearchForm_Search").inputHint("Search"); }); * jquery.utils.js: (function(jQuery) { var hintClass = "jqueryhint"; jQuery.fn.inputHint = function(hint) { return(this.each(function() { var field = $(this).addClass(hintClass).val(hint); field.focus(function() { if(field.val() == hint) field.removeClass(hintClass).val(""); }).blur(function() { if(field.val() == "") field.addClass(hintClass).val(hint); }); })); } })(jQuery); * in form.css: input.jqueryhint { color: #999; } BTW - I use "focus" (rather than "click") in case people "tab" into the field area... :-) RSSName http://www.ssbits.com/snippets/2009/clearing-the-search-field-on-click-with-jquery/#PageComment_263