title: Trouble posting multiple form options to basket
body: <p>I am trying to post 2 products to a basket from one form in order to order a "set", but when I use the jquery below I end up posting two of one product. </p>
  
  <p>I have two separate drop downs in one form and one add to basket so I am trying to grab one, post to basket, and then loop back to grab other and post.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(function() {
    $('form[action="/your-basket/"]').submit(function(e) {
      var $form = $(e.target);
      e.preventDefault();
      $.post('/your-basket/', $form.serialize(), function() {
        window.location = '/deal-of-the-week/';
      });
      return false;
    });
  });
  &lt;/script&gt;
  </code></pre>