Cross Browser Default Input Values Script via Jquery

jquery-default-input-values

Note: for each input you have to set both a `placeholder` and a `value`.

Example:
<input 	name="home_phone" 
	type="text" 
	value="Phone Number" 
	placeholder="Phone Number" />

Function:

function defaultInputValues(){
	//Handle Cross Browser Default Input Values
		var placeholderSupported = !!( 'placeholder' in document.createElement('input') );
		
		if (placeholderSupported === true){
			$('input:not([type="submit"])').val('');
		} else{
			$("input")
			.focus(function() {
				if (this.value === this.defaultValue) {
					this.value = '';
		        	}
			})
			.blur(function() {
				if (this.value === '') {
			        	this.value = this.defaultValue;
			        }
			});
		};
		
		$("select").bind("focus", function () {
			$(this).children('option[value="defaultValue"]').remove();
	    		$(this).removeClass('default-value');
		});
	
		$("select").addClass('default-value');
}