title: Sending HTML select tag to server
body: <p>I have a html select tag after user select value I want to send that value to the server:</p>
  
  <pre><code>  &lt;form id ="eventForm" action="/" method="post"&gt;
  
           &lt;select name="aaaa"&gt; 
  
              &lt;option value="abc"&gt; ABC&lt;/option&gt;
              &lt;option value="def"&gt; def&lt;/option&gt;
              &lt;option value="hij"&gt; hij&lt;/option&gt;   
              &lt;/select&gt;
  
  
          &lt;input type="submit" id="open" value="Submit Query" /&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>The javascript that sends it is this:</p>
  
  <pre><code>$.post("/", $("#eventForm").serialize());
  </code></pre>
  
  <p>However it is not received by the server at all. This does work when I send data in a form as input type text. Thus why wouldn't it send the selected data in the select tag?</p>
  
  <p>Thanks</p>