(function ($) {
    
    /**
     * Initialise input hints on all matched inputs.
     *
     * Usage example:
     *   $('*[hint]').inputHint();
     *
     * Options keys:
     *   hintClass - CSS class to apply to inputs with active hints
     */
    $.fn.inputHint = function(options) {
        options = $.extend({hintClass: 'hint'}, options || {});

        function showHint() {
            if ($(this).val() == '') {
                $(this).addClass(options.hintClass).val($(this).attr('hint'));
            }
        }

        function removeHint() {
            if ($(this).hasClass(options.hintClass)) $(this).removeClass(options.hintClass).val('');
        }
        
        this.focus(removeHint).blur(showHint).blur();

        var $form = this.parents('form:eq(0)');
        this.each(function() {
            var self = this;
            $form.submit(function() { removeHint.apply(self); });
        });
    };
    
})(jQuery);