$(document).ready(function(){


	$("form#contact").submit(function() {
	// we want to store the values from the form input box, then send via ajax below
	var name     = $('#name').attr('value');
	var email     = $('#email').attr('value');
	var title     = $('#title').attr('value');
	var message     = $('#message').attr('value');
	

		$.ajax({
			type: "POST",
			url: "mail.php",
			data: "name="+ name +"&email="+ email +"&title="+ title+"&message="+ message,
			success: function(){

				//fade out
				$('form#contact').fadeOut();

				//clear value
				document.getElementById('name').value='';
				document.getElementById('email').value='';
				document.getElementById('title').value='';
				document.getElementById('message').value='';

				//fade in
				$('div.success2').delay(500).fadeIn();
			}
		});
		
	return false;
	});

});