$(document).ready(function() {
	
	/* First line is the selector
	 * Second line is the if statement for the input fields value. If it is empty, it's true
	 * Third line is adding the class cleafield
	*/
	
	$("#search-text").focus(function() {
		if($(this).val() == "") {
			$(this).addClass("clearfield");
		}
	});
	
	$("#search-text").blur(function() {
		if($(this).val() == "") {
			$(this).removeClass("clearfield");
		}
	});
	
	$(".news-name").focus(function() {
		if($(this).val() == "") {
			$(this).addClass("clearfield");
		}
	});
	
	$(".news-name").blur(function() {
		if($(this).val() == "") {
			$(this).removeClass("clearfield");
		}
	});
	
	$(".news-email").focus(function() {
		if($(this).val() == "") {
			$(this).addClass("clearfield");
		}
	});
	
	$(".news-email").blur(function() {
		if($(this).val() == "") {
			$(this).removeClass("clearfield");
		}
	});	
	
		$(".invite-name").focus(function() {
		if($(this).val() == "") {
			$(this).addClass("clearfield");
		}
	});
	
	$(".invite-name").blur(function() {
		if($(this).val() == "") {
			$(this).removeClass("clearfield");
		}
	});
	
	$(".invite-email").focus(function() {
		if($(this).val() == "") {
			$(this).addClass("clearfield");
		}
	});
	
	$(".invite-email").blur(function() {
		if($(this).val() == "") {
			$(this).removeClass("clearfield");
		}
	});	
});