//form validation
jQuery(function() { 
    var loader = jQuery('<div id="loader"><img style="border:none" src="backend/jquery/loading.gif" alt="loading..." /></div>')
        .css({position: "relative", top: "0", left: "2em"})
        .appendTo("#result")
        .hide();
    jQuery().ajaxStart(function() {
        loader.show();
    }).ajaxStop(function() {
        loader.hide();
    }).ajaxError(function(a, b, e) {
        throw e;
    }); 

    var v = jQuery("#valform").validate({
        submitHandler: function(form) {
            jQuery(form).ajaxSubmit({
                target: "#result"
            });
        }
    });
    
    jQuery("#reset").click(function() {
        v.resetForm();
    });
});