title: Form data displays null object
body: <p>I have made a simple form and want to post the data using the jQuery function <code>new FormData()</code>. To me every thing seems to be good but when I am displaying the variable <code>data</code> in <code>console.log</code>, then I get <code>FormData { append=append()}</code> as output.</p>
  
  <p>My code is:</p>
  
  <pre><code>&lt;form action="" enctype="multipart/form-data" method="post" name="edit_user" id="edit_user"&gt;
     &lt;input type="text" name="Fname" &gt;
     &lt;input type="file" name="image"&gt;
     &lt;input type="submit" value="submit"&gt;
  &lt;/form&gt;
  
  &lt;script src="//code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" charset="utf-8"&gt;
      $(document).ready(function() {
          $('#edit_user').submit(function(event) {
              event.preventDefault();
              var formdata = new FormData(this);
              console.log(formdata);
         });
  </code></pre>