title: Uploaded file only contains "WebKitFormBoundary"
body: <p>I don't really know what's going on here. Every time I try to upload a file, all the file contains is:</p>
  
  <p><code>------WebKitFormBoundaryJ0uWMNv89fcUsC1t--</code></p>
  
  <p>I have searched for the past 2 days for some sort of explanation, but I am just going in circles. I have no idea why this is happening.</p>
  
  <h3>Form:</h3>
  
  <pre><code>&lt;form id="upload-file" ecntype="multipart/form-data"&gt;
      &lt;input name="picture" type="file"&gt;
      &lt;input type="button" value="Upload" id="upload-button" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <h3>Javascript:</h3>
  
  <pre><code>$('#upload-button').click(function(e){
          e.preventDefault();
          var formData = new FormData($('#upload-file'));
          $.ajax({
              url: '/image',  
              type: 'POST',
              xhr: function() {  
                  var myXhr = $.ajaxSettings.xhr();
                  if(myXhr.upload){ 
                      myXhr.upload.addEventListener('progress',progressHandlingFunction, false);
                  }
                  return myXhr;
              },
              data: formData,
              cache: false,
             // contentType: false,
              processData: false
          });
      });
  </code></pre>
  
  <h3>Controller:</h3>
  
  <pre><code>def image = Action(parse.temporaryFile) { request =&gt;
     request.body.moveTo(new File("/tmp/picture"))
     Ok("File uploaded")
  }
  </code></pre>