JS/JQUERY : A simple function to create an ajax form

ajaxForm.js

$.fn.ajaxForm = function(opts) {
	var defaults = {
		//Default values for options
		ajaxType : 'post',
		ajaxCache : false
		
	}
	 
	// extend the options from defaults with user's options
	var options = $.extend(defaults, opts || {});
	 
	return this.each(function(){ // jQuery chainability

		$(this).submit(function(e){
			e.preventDefault();
				
			var form = this, url = $(this).attr("action");
				
			$.ajax({
				type: options.ajaxType,
				url: 	url,
				cache: options.ajaxCache,
				data: 	$(this).serialize()
			}).done(function(data){
				$(form)[0].reset(); // Reset form after it is send	
				$(form).find(options.responseContainer).html(data);
			});
				
			return false;
		});
	});
}

callAjaxForm.js

$('#your-form-id').ajaxForm({
	responseContainer : '.your-form-response-container' //May be a class(.) or id(#)
});