$(document).ready(function() {
						   
// Form validation
	$("#contact").validate({
		 //As soon as a key within a form field in "myform" is release then start 
		event: "keyup",
		
		errorPlacement: function(error, element) {
			error.insertAfter(element);
			$("label.error + span").remove();
		},

		//Here the rules for the individual inputs are defined.
		rules: {
			//for id's and classes
			to: {
				required: true
			},
			from: {
				required: true,
				minlength: 2
			},
			email: {
				required: true,
				//It is an E-Mail address
				email: true
			},
			subject: {
				required: true,
				minlength: 2
			},
			message: {
				required: true,
				minlength: 2
			}
		},
		
		//Here the error messages for all rules are defined.
		messages: {
			to: {
				required: "Please choose a recipient to email"
			},
			from: {
				required: "Please type in your name.",
				minlength: "Please type in your name."
			},
			email: {
				required: "Please type in your email address.",
				email: "Your email address must be in the format of name@domain.com."
			},
			subject: {
				required: "Please type in the subject of your email.",
				minlength: "Please type in the subject of your email."
			},
			subject: {
				required: "Please type something in the body of your email.",
				minlength: "Please type something more in the bodu of your email."
			}
		}

	});

});