jquery plugin that adds HTML5 "placeholder" support for browsers that do not natively support it

jquery.placeholder.js

// add HTML5 'placeholder' support to selected inputs if not natively supported.
// @example:
// $(':text[placeholder]').placeholder();
// @css:
// input.placeholder { color: #aaa; } /* since IE doesn't properly support :not() */
//
(function($){
    if (document.createElement('input').placeholder !== undefined) {
        $.fn.placeholder = $.noop;
    } else {
        var handlers = {};
        $.fn.placeholder = function(name){
            name = name || 'placeholder';
            var onBlur = function(){
                var me = $(this);
                if (me.val() == '') {
                    me.val( me.attr(name) ).addClass(name);
                }
            };
            var onFocus = function(){
                var me = $(this);
                if (me.val() == me.attr(name)) {
                    me.val('');
                }
                me.select().removeClass(name);
            };

            this.on({
                'blur.placeholder': onBlur,
                'focus.placeholder': onFocus
            }).each(function(){
                onBlur.apply(this, []);
            });

            // we must intercept form submits and remove the placeholder value
            // or the value will be submitted with the form to the server.
            if (!handlers[name]) {
                // only install 1 handler per placeholder name
                handlers[name] = true;
                $(document).on('submit.placeholder-' + name, 'form', function(e){
                    if (!e.isDefaultPrevented() && !e.originalEvent.defaultPrevented) {
                        $(this).find(':input[' + name + ']').each(function(){
                            onRemove.apply(this, []);
                        });
                    }
                });
            }
            return this;
        }
    }
})(jQuery);