JS: Placeholder polyfill

jquery.placeholder.js

createPlaceholders: function() {
	var noPlaceholderSupport = $('html').hasClass('lte9');

	if(noPlaceholderSupport) {
		var createPlaceholder = function() {
			var self = this;
			var $this = $(this);
			var isEmpty = true;
			var placeholder = this.placeholder;

			// Wrap in a container
			$this.wrap('<div class="placeholderWrapper">');
			$this.after('<div class="placeholder">' + placeholder + '</div>');

			var $placeholder = $this.siblings('.placeholder');
			var $wrapper = $this.parent('.placeholderWrapper');

			$placeholder.on({
				click: function() {
					$placeholder.hide();
					$this.focus();
				}
			});

			$this.on({
				'click': function(){
					$placeholder.hide();
				},

				'keydown': function() {
					$placeholder.hide();
				},

				'blur': function() {
					if(isEmpty) {
						$placeholder.show();
					}
				},

				change: function() {
					isEmpty = (self.value.length < 1);
				}
			});
		};

		$('form').find('[placeholder]').each(createPlaceholder);
	}
}