title: Simple FormData not working
body: <p>I am trying to test a simple FormData object but its not working at all. jsfiddle: <a href="https://jsfiddle.net/8j80898h/" rel="nofollow">https://jsfiddle.net/8j80898h/</a></p>
  
  <p>html code:</p>
  
  <pre><code>&lt;form id="createForm" name="createForm" novalidate enctype="multipart/form-data"&gt;
      &lt;input type="hidden" name="name" value="Name1" /&gt;
      &lt;input type="file" name="file" /&gt;
      &lt;input type="button" id="submitIt" value="Submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>$(document).ready(function() {
      $('#submitIt').click(function() {
          var fd =  new FormData($('#createForm')[0]);
          fd.append( 'name', $('input[name=name]').val());
  
          $.ajax({
              url: url,
              data: fd,
              processData: false,
              contentType: false,
              type: 'POST',
              success: function(data){                    
                  alert(data);
              }
          });
      });
  });
  </code></pre>
  
  <p>Server is always getting null values for name and file</p>