// JavaScript Document
$(document).ready(function() {
	// bind to the form's submit event 
	$('.ajax form').live("submit", function() { 
		var options = { 
			target:        $(this).closest('div.ajax'),   // target element(s) to be updated with server response 
			//beforeSubmit:  showRequest,  // pre-submit callback 
			//success:       showResponse  // post-submit callback 
			
			// other available options: 
			//url:       url         // override for form's 'action' attribute 
			//type:      type        // 'get' or 'post', override for form's 'method' attribute 
			//dataType:  'json'        // 'xml', 'script', or 'json' (expected server response type) 
			clearForm: true        // clear all form fields after successful submit 
			//resetForm: true        // reset the form after successful submit 
			
			// $.ajax options can be used here too, for example: 
			//timeout:   3000 
		};
		
		// inside event callbacks 'this' is the DOM element so we first 
		// wrap it in a jQuery object and then invoke ajaxSubmit 
		$(this).ajaxSubmit(options); 
		
		// !!! Important !!! 
		// always return false to prevent standard browser submit and page navigation 
		return false; 
	});
});