Fade out symmantic labels positioned over fields

inline-labels.js

// labels
function inlineLabels() {
	var	$this	= $( this ),
		id	= $this.attr( 'id' ),
		$label	= $( 'label[for=' + id + ']' );
	
	if ( $this.val() != '' )
		$label.css( 'opacity', 0 );
		
	$this.on( 'focus', function() {
		if( $this.val() == '' )
			$label.animate( { opacity: 0.5 }, 250 );
	} );
	
	$this.on( 'keyup', function() {
		$label.css( 'opacity', 0 );
	} );
	
	$this.on( 'blur', function() {
		if( $this.val() == '' )
			$label.animate( { opacity: 1 }, 250 );
	} );
}

$( 'input, textarea' ).each( inlineLabels );