Input Placeholder w/ non-HTML5 Browser fix

Script that allows for most browsers to use the placeholder attribute in an input field

by Colin Soderstrom

HTML

<input id="EMAIL_ADDR" name="EMAIL_ADDR" maxlength="100" type="text" placeholder="Email" /><br />
					<input id="EmailAddress2" name="EmailAddress2" maxlength="100" type="text" placeholder="Confirm Email" />

JavaScript

$(document).ready(function() {
//Placeholder input attribute fix for non-HTML5 browsers
	$('[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().parents('form').submit(function() {
	  $(this).find('[placeholder]').each(function() {
		var input = $(this);
		if (input.val() == input.attr('placeholder')) {
		  input.val('');
		}
	  })
	});
//End placeholder fix
});

// Reference: http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html