So, I have a form where I load divs as I go asking for various user input and displaying some offers.

I have the following:

$("#calcPrice").click(function() { 

 $("#invPricing").validate({
    rules: { ... },
    messages: {... } ,
    submitHandler: function(form) {
     ....
     $.ajax({ 

     });
     $.ajax({ 

     });
     return false; 
   }
  });

My problem is after validation, none of the ajax calls work. If I remove the validation methods (rules, messages, submitHandler), everything works fine. Can somebody tell me what I am missing here? thanks in advance.

btw, these are the ajax calls:

$.ajax({
    dataType: "json",
    type: "get",        
    url: <cfoutput>"#actURL#"</cfoutput>,
    data: formData+"&p_type=LOW&returnJSON=true",        
    cache: false,       
    success: function(result) { 
        // fields to populate:
        $("#rent").val(result.RENT);
        $("#discount").val(result.DISCOUNT);
        $("#salesPrice1").val(result.SALESPRICE);
        $("#cashPrice1").val(result.CASHSALESPRICE);
        $("#tax1").val(result.SALESTAX);               $("#payment1").val(result.PAYMENTS);
            } , 
    error: function(xmlHttpRequest, status, err) {
                confirm('Error!' + err);
            }
    });	

  $.ajax({
     dataType: "json",
         type: "get",        
     url: <cfoutput>"#actURL#"</cfoutput>,
     data: formData+"&p_type=HIGH&returnJSON=true",        
     cache: false,       
     success: function(result) { 
         // fields to populate:
     $("#rent").val(result.RENT);
     $("#discount").val(result.DISCOUNT);
     $("#salesPrice2").val(result.SALESPRICE);
     $("#cashPrice2").val(result.CASHSALESPRICE);
         $("#tax2").val(result.SALESTAX);                            $("#payment2").val(result.PAYMENTS);
            } , 
            error: function(xmlHttpRequest, status, err) {
                confirm('Error!' + err);
            }
    });

I am basically displaying two offers one Low, one High.