$(document).ready(function(){
	var v = $('#monthly-payment-form').validate({
		rules: {
			loanAmount: { required: true, digits: true },
			interestRate: { required: true, number: true },
			termYears: { required: true, digits: true }
		},
		submitHandler: function(form) {
			$(form).ajaxSubmit({
				target:			'#monthly-payment-result',	// target element(s) to be updated with server response
				beforeSubmit:	showMonthlyPaymentRequest,	// pre-submit callback
				success: 		showMonthlyPaymentResponse,	// post-submit callback
				url:			'/'							// override for form's "action" attribute
			});
		}
	});
});

// pre-submit callback
function showMonthlyPaymentRequest(formData, jqForm, options) {
	$("#monthly-payment-result").show();
	$("#monthly-payment-result").html("Calculating...");
}

// post-submit callback
function showMonthlyPaymentResponse(responseText, statusText) {
	$("#monthly-payment-result").show();
	$("#monthly-payment-result").html(responseText);
}