Cross Browser Placeholder Fix

placeholder.js

// Stores a reference to all input with a placeholder attribute
var $inputs = $('input[placeholder]');

if (!Modernizr.input.placeholder) {
	$inputs.each(function(i, el) {
		var $el = $(el),
			placeholder = $el.attr('placeholder');

		// Sets the input value to be the same as the placeholder
		$el.attr('value', placeholder);
		$el.attr('placeholder', '');

		$el.on('blur focus', function(e) {

			// Clears the input value if the value is equal to the placeholder text
			if (e.type === 'focus') {
				if ($el.attr('value') === placeholder) {
					$el.attr('value', '');
				}

				// Replaces the value if nothing was input
			} else {
				if ($el.attr('value') === '') {
					$el.attr('value', placeholder);
				}
			}

		});

	});
}