title: jQuery File Upload Plugin don't work when jQuery Validator
body: <p>I am validating a form using <code>validate.min.js</code> plugin. All validations are working perfectly fine but problem arises when i try to attach a file there.</p>
  
  <p>The data is sent over to server but not filename / type.</p>
  
  <p>Form is as below:</p>
  
  <pre><code>&lt;form class="form cmxform" method="post" id="customForm" enctype="multipart/form-data"&gt; 
     &lt;div class="form-group"&gt;
          &lt;label class="sr-only"&gt;Name&lt;/label&gt;
          &lt;input type="text" class="form-control" name="nam_cst" 
          id="nam_cst" placeholder="Enter Name.." required&gt;
          &lt;span class="help-block" style="color:red"&gt;&lt;/span&gt;
      &lt;/div&gt;
      &lt;input type="file" class="form-control" name="uplod_cst" id="uplod_cst" required /&gt;    
  &lt;/form&gt;
  </code></pre>
  
  <p>Ajax used for this is as:</p>
  
  <pre><code>var serializedData = $(form).serialize();
  $.ajax({
      url: "customFormDesign",
      type: "post",
      data: serializedData ,
      mimeType:"multipart/form-data",                         
  });
  </code></pre>
  
  <p>With above request, name is sent as data but not file.</p>
  
  <p>I tried using <strong><code>FORMDATA</code></strong> with no success and it has risk of browser compatibilties. So, i am avoiding it.</p>
  
  <p>I also tried the solution <a href="https://stackoverflow.com/questions/27224962/jquery-file-upload-plugin-dont-work-when-jquery-validator-included-on-page">here</a> but with no success.</p>
  
  <p>Any ideas please as i want to take all this in one go and one form only and that too without omiting validation plugin.</p>
  
  <p><strong>I do not want to use FORMDATA</strong></p>