(function ($) {

$.fn.hint = function (blurClass) {
    if (!blurClass) blurClass = 'blur';
    
    return this.each(function () {
        var $input = $(this),
            title = $input.attr('title'),
            $form = $(this.form),
            $win = $(window);

        function remove() {
            if (this.value === title && $input.hasClass(blurClass)) {
                $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);


/*(function ($) {
jQuery.fn.titleActsAsHint = function(){
  return this.each(function () {
  
   var input = $(this);
   
   input.data('defaultType',input.attr('type'));
   
   
   input.blur(function(){
    if(jQuery.trim(input.val()) == '')
    {
     this.type  = 'text';
     input.val(input.attr('title')).addClass('blur');
    }
   })
   
   input.focus(function(){
    if(input.val() == input.attr('title'))
    {
     this.type  = input.data('defaultType');
     input.val('').removeClass('blur');
    }
   })
   
   input.parent('form').submit(function(){
    if(input.val() == input.attr('title'))
    {
     input.val('');
    }
   });
   
   input.blur();
  })
}
})(jQuery);*/