title: FormData vs jQuery#serialize(), What is the difference?
body: <p>Recently I was submitting a form using AJAX. </p>
  
  <p>In researching the best method I saw some AJAX submissions using <code>jQuery#serialize()</code> and others using <code>FormData</code>. For example. </p>
  
  <p>One submission did this: </p>
  
  <pre><code>data: $('form').serialize()
  </code></pre>
  
  <p>while the other did: </p>
  
  <pre><code>var formData = new FormData($('form')[0]);
  data: formData
  </code></pre>
  
  <p>So what is the difference between <code>FormData</code> and <code>jQuery#serialize()</code>?</p>