title: Serialize returning objects with empty values
body: <p>Having some trouble with serialize. I have my name attributes set but still I'm getting a string with the correct names but no values (even though I'm typing info into the input fields) - something like this:</p>
  
  <p>magnolia_name=&amp;magnolia_email=&amp;magnolia_message=</p>
  
  <p>Driving me crazy.
  Here's the html code (I commented out the file input, just in case that was the culprit, no luck). </p>
  
  <pre><code>                 &lt;form id="contact" method="POST"&gt;
                      &lt;div class="group"&gt;      
                        &lt;input type="text" name="magnolia_name" id="magnolia_name" required&gt;
                        &lt;span class="bar"&gt;&lt;/span&gt;
                        &lt;label&gt;Name&lt;/label&gt;
                      &lt;/div&gt;
  
                      &lt;div class="group"&gt;      
                        &lt;input type="text" name="magnolia_email" id="magnolia_email" required&gt;
                        &lt;span class="bar"&gt;&lt;/span&gt;
                        &lt;label&gt;E-mail&lt;/label&gt;
                      &lt;/div&gt;
  
                      &lt;div class="group textarea"&gt;      
                        &lt;textarea name="magnolia_message" id="magnolia_message"&gt;&lt;/textarea&gt;
                        &lt;span class="bar"&gt;&lt;/span&gt;
                        &lt;label&gt;Message&lt;/label&gt;
                      &lt;/div&gt;
  
                    &lt;!--   &lt;label for="fileupload" class="fileupload-label"&gt;
                          &lt;span&gt;Attach files &lt;span class="glyphicon glyphicon-upload"&gt;&lt;/span&gt;&lt;/span&gt;
                      &lt;/label&gt;
                      &lt;input id="fileupload" type="file" name="files" multiple /&gt; --&gt;
                      &lt;div class="uploaded-files"&gt;&lt;/div&gt;
                      &lt;div class="submit"&gt;
                          &lt;input type="submit" value="Send!" name="submit" id="submit"&gt;
                          &lt;div id="progress"&gt;
                              &lt;span&gt;Uploading file(s)&lt;/span&gt;
                              &lt;div class="bar"&gt;&lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/form&gt; 
  </code></pre>
  
  <p>And here's my JS</p>
  
  <pre><code>var $form = $formContainer.children('form');
  var formData = $form.serialize();
  $form.submit(function(e){
      console.log(formData);
      e.preventDefault();
  });
  </code></pre>