project.js

$(function() {
	// Clone HTML5's placeholder attribute functionality
	$('input[placeholder]').each(function() {
		// Store the placeholder text and then set the element's value
		// TODO: Check to make sure value is empty before setting here
		$(this).data('placeholder', $(this).attr('placeholder'));
		$(this).val($(this).data('placeholder')).addClass('placeholder');
			
		// Handle the removal/addition of the placeholder text on focus/blur
		$(this).focus(function() {
			if ($(this).val() == $(this).data('placeholder')) {
				$(this).val('').removeClass('placeholder');
			}
		}).blur(function() {
			if (!$(this).val().match(/\w/)) {
				$(this).val($(this).data('placeholder')).addClass('placeholder');
			}
		});
	});
});

screen.css

input.placeholder {
	color:#AAA;
}