title: Uploading files via jQuery, object FormData is provided and no file name, GET request
body: <p>I am using a jQuery script to upload files to a new page. It somehow works too, but the issue is that it sends the form data as <code>object FormData</code>. </p>
  
  <p>Here is the code: </p>
  
  <pre><code>$('#submit').click(function () {
     var formData = new FormData($(this).form);
     $.ajax({
         url: '/test/file_capture',
         //Ajax events
         beforeSend: function (e) { 
           alert('Are you sure you want to upload document.'); 
         },
         success: function (e) { 
           alert('Upload completed'); 
         },
         error: function (e) { 
           alert('error ' + e.message); 
         },
         // Form data
         data: formData,
         //Options to tell jQuery not to process data or worry about content-type.
         cache: false,
         contentType: false,
         processData: false
      });
      return false;
  });
  </code></pre>
  
  <p>The HTML part is as: </p>
  
  <pre><code>&lt;form enctype="multipart/form-data"&gt;
    &lt;input type="file" id="image" name="image" accept="Image/*" /&gt;
    &lt;input type="submit" id="submit" name="" value="Upload" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>But the link that is generated is as: </p>
  
  <p>http://localhost:4965/test/file_capture?[object%20FormData]&amp;_=1386501633340</p>
  
  <p>Which has no image name or any other thing attached to it. What am I missing? Even though there is no error and the request is made and the Upload complete alert is shown.</p>