title: submit only specific fields in a form
body: <p>I have something like this</p>
  
  <pre><code> &lt;div id="list"&gt;
   &lt;form&gt;
        &lt;div id="first"&gt;
             &lt;label&gt;&lt;input type="checkbox" value="third"&gt; third&lt;/label&gt;
             &lt;label&gt;&lt;input type="checkbox" value="fourth"&gt; fourth&lt;/label&gt;
        &lt;/div&gt;
  
        &lt;div id="second"&gt;
             &lt;label&gt;&lt;input type="checkbox" value="first"&gt; first&lt;/label&gt;
             &lt;label&gt;&lt;input type="checkbox" value="second"&gt; second&lt;/label&gt;
        &lt;/div&gt;
  
       &lt;div id="fake-list-sorted-alphabetically"&gt;
             &lt;label&gt;&lt;input type="checkbox" value="first"&gt; first&lt;/label&gt;
             &lt;label&gt;&lt;input type="checkbox" value="second"&gt; second&lt;/label&gt;
             &lt;label&gt;&lt;input type="checkbox" value="third"&gt; first&lt;/label&gt;
             &lt;label&gt;&lt;input type="checkbox" value="fourth"&gt; second&lt;/label&gt;
       &lt;/div&gt;
   &lt;/form&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>would it just be possible with the $.ajax to serialize only the checkbox values from div#first, div#second and ignore everything from #fake? right now I'm just doing a $('#fake').html(""); right before I submit but that feels hacky. The reason I don't have #fake outside of the form is because I need it to display in the same container as #first and #second as part of a view all function</p>