The next code needs jQuery to be included:
jQuery(function($){ var search = $('.search input.text'); // input text field var default_value = search.val(); search.focus(function(){ if ($.trim($(search).val()) == default_value) search.val(''); }); search.blur(function(){ if ($.trim($(search).val()) == '') search.val(default_value); }); });
Or just use placeholder html5 feature:
<form> <input name="q" placeholder="search..."> <input type="submit" value="search"> </form>
Test html5 placeholder example (works in chrome, opera, firefox):