placeholders.js

// support placeholders in IE8/9
// From: http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-text/comment-page-2
//
// requires jquery and Modernizer (http://modernizr.com)
jQuery(function($) {
        if(!Modernizr.input.placeholder) {
            $('[placeholder]').focus(function() {
                var input = $(this)
                if (input.val() == input.attr('placeholder')) {
                    input.val('')
                    input.removeClass('placeholder')
                }
            }).blur(function() {
                    var input = $(this)
                    if (input.val() == '' || input.val() == input.attr('placeholder')) {
                        input.addClass('placeholder')
                        input.val(input.attr('placeholder'))
                    }
            }).blur()

            $('[placeholder]').parents('form').submit(function() {
                $(this).find('[placeholder]').each(function() {
                    var input = $(this)
                    if (input.val() == input.attr('placeholder')) {
                        input.val('')
                    }
                })
            }).bind('reset', function(e) {
                $(this).find('[placeholder]').each(function() {
                    $(this).val($(this).attr('value') || '')
                    $(this).blur()
                })
                return false
            })
        }
})