Post elements that is not in the form tag?
<p>I have code like so:</p>

<pre><code>&lt;form enctype="multipart/form-data" method="POST" action="blabla.php" class="addToCart"&gt;
  &lt;input type="button" onclick="addToCartMulti();" value="Add Tracks to Cart" id="addToCart" name="addToCart"&gt;
&lt;/form&gt;
</code></pre>

<p>Outside of the form tags, I have tracklisting:</p>

<pre><code>&lt;ul&gt;
 &lt;li&gt;&lt;input type="checkbox" checked onclick="onSongClick(this);" id="trackNr_1" name="trackSelect" class="trackSelectionCheck"&gt; 1. Train Love&lt;/li&gt;&lt;li&gt;
  .....
&lt;/ul&gt;
</code></pre>

<p>I want to be able to post the form and include these other values. I have something like this for the JavaScript so far:</p>

<pre><code>function addToCartMulti() {
  $("input.trackSelectionCheck").each(function(index) {
              var track = $(this).attr("id");
              var start = 8;
              var end = track.length;
              track = track.substring(start,end);
              $("form.addToCart").submit();
        });
  }
</code></pre>

<p>So the problem is that somewhere before this: <code>$("form.addToCart").submit();</code>. I need to add some JavaScript to actually include the other checkboxes so they are posted to the page.</p>

<p>Note: I don't want to use ajax.</p>
