title: TypeError: e.preventDefault is not a function
body: <p>I am new in javascript and jquery. I am using two jquery plugins in this code. One is Jquery form validator and the other is Jquery form ajaxSubmit. With normal ajax submission the code works fine, but now i had to post a file too. So I am using ajaxSubmit. When I run this I get an error "TypeError: e.preventDefault is not a function" on browser console. </p>
  
  <p>Please don't mark this as a duplicate question because answers for other questions on the same topic are not working for me.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() {
  
          $("#addpost").validate({
              rules: {
                  subject: "required",
                  comment: "required"
              },
              messages: {
                  subject: "Please enter a subject",
                  comment: "Please enter some details",                   
              },
              submitHandler: function(e){
                  e.preventDefault();
                  $.ajaxSubmit({
                      url: '/addpost',
                      type: 'post',
                      dataType: 'html',
                      data : $( "#addpost" ).serialize(),
                      success : function(data) {
                          location.reload();
                      }
                  });
              }
          });     
  
      }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>Solution for my problem was changing the submithandler as follows:-</p>
  
  <pre><code>submitHandler: function(form){
      $(form).ajaxSubmit({
              url: '/addpost',
              type: 'post',
              dataType: 'html',
              data : $( "#addpost" ).serialize(),
              success : function(data) {
                  location.reload();
              }
       });
      return false
  }
  </code></pre>
  
  <p>Hoping this will help someone.</p>