title: jquery ajaxSubmit question
body: <p>I am having a little bit of a trouble with the following:</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function() {
  $('#sform').validate({
  rules: { firstName: {required:true},
           lastName:  {required:true},
           emailAddress:  {required:true, email:true}
  },
  messages: { firstName: '&lt;br/&gt;&lt;span style="color:red;"&gt;Please enter your first name!&lt;/span&gt;',
              lastName : '&lt;br/&gt;&lt;span style="color:red;"&gt;Please enter your last name!&lt;/span&gt;',
              emailAddress: '&lt;br/&gt;&lt;span style="color:red;"&gt;Please enter a valid email address!&lt;/span&gt;'
  },
     submitHandler: function(form){
     var options = { 
                  beforeSubmit:  showRequest,
                  success: showResponse,
                  type: 'post',
                  url:'sendSurvey.cfm'
                  };
      $(this).ajaxSubmit(options);
      return false;   
     }
   });
  function showRequest(formData, jqForm, options) { 
   $('#formSub').html('We really appreciate your feedback!');
  var queryString = $.param(formData); 
   alert('About to submit: \n\n' + queryString); 
    return true; 
   }
  function showResponse(responseText, statusText) {
    alert('status: ' + statusText + '\n\nresponseText: \n' + responseText + 
         '\n\nThe output div should have already been updated with the responseText.'); 
   }
   });
   &lt;/script&gt;
  </code></pre>
  
  <p>The problem is that there is no form data being posted.$.param(formData) is null. what to do? thanks</p>