title: Turn a form into an associative array in Jquery
body: <p>I have the following form:</p>
  
  <pre><code>&lt;form id="editForm"&gt;
  &lt;input class="span12" name="name" type="text" placeholder="Product name..."&gt;
  &lt;input class="span12" name="sku" type="text" placeholder="SKU..."&gt;
  &lt;input name="basePrice" class="span12" type="text" placeholder="Base price..."&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>How do I turn that into an associative array that can be accessed like the following?</p>
  
  <p><code>formArray['name']</code>, <code>formArray['sku']</code>, etc.</p>