jQuery fallback implementation of HTML5 placeholder attribute

gistfile1.js

if(!jQuery('<input PLACEHOLDER="1" />')[0].placeholder){ //Uppercase attr for IE
	jQuery(':input[placeholder]').each(function(){
		var $this = $(this);
		if(!$this.val()){
			$this.val($this.attr('placeholder'));
			$this.addClass('input-placeholder');
		}
	}).live('focus', function(e){
		var $this = $(this);
		if($this.hasClass('input-placeholder')){
			$this.val('');
			$this.removeClass('input-placeholder')
		}
	}).live('blur', function(e){
		var $this = $(this);
		if(!$this.val()){
			$this.addClass('input-placeholder');
			$this.val($this.attr('placeholder'));
		}
	});
}

Thanks for the great script!

One issue I found was with FireFox is that it retains the placeholder text after a page refresh, as if it were something the user entered. Adding this line after var $this = $(this) should fix it:

if( $this.val() == $this.attr('placeholder') ) {$this.val('');}

This doesn't work if you submit the form with no entered values. Should reset when submitting form.