title: How to submit only the selected values from the drop down list?
body: <p>I have the below code and calling the serialize() method on the form:</p>
  
  <pre><code>&lt;script src="~/Scripts/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
  &lt;form&gt;
      &lt;select id="CouponType" name="CouponType"&gt;
          &lt;option value="MONEYOFF"&gt;MONEYOFF&lt;/option&gt;
          &lt;option value="BONUSPOINTS"&gt;BONUSPOINTS&lt;/option&gt;
      &lt;/select&gt;
  
      &lt;input type="button" id="btnSubmit" value="SUBMIT ME" /&gt;
  
      &lt;script type="text/javascript"&gt;
  
          $("#btnSubmit").click(function (e) {
              e.preventDefault();
              alert($('form').serialize());
          });
  
      &lt;/script&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>What should happen is that only if the drop down list has value then the value has to be sumitted but it always submits the first option in the list so the result of the alert is always the below in IE 7.0, IE 8.0, IE 9.0 and Chrome:</p>
  
  <pre><code>CouponType=MONEYOFF
  </code></pre>
  
  <p>How to submit only the selected values from the drop down list?</p>