/** * Includes a fix for using the back button * Title default to placeholder for HTML5 support * @author Remy Sharp * @url http://remysharp.com/2007/01/25/jquery-tutorial-text-box-hints/ */ (function ($) { $.fn.hint = function (blurClass) { if (!blurClass) blurClass = 'blur'; return this.each(function () { var $input = $(this), title = $input.attr('placeholder'), $form = $(this.form), $win = $(window); function remove() { if ($input.val() === title) { $input.val('').removeClass(blurClass); } } // only apply logic if the element has the attribute if (title) { // on blur, set value to title attr if text is blank $input.blur(function () { if (this.value === '' || this.value == title) { $input.val(title).addClass(blurClass); } }).focus(remove).blur(); // now change all inputs to title // clear the pre-defined text when form is submitted $form.submit(remove); $win.unload(remove); // handles Firefox's autocomplete } }); }; })(jQuery);