$('#select').val() retuns UNDEFINED
<p>I have written some jQuery code, this is a part of it. this always return <strong>UNDEFINED</strong>. why is that</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script src="theme/js/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;

$(document).ready(function() {
   $("#my").click(function() {
        alert($("#adults").val());
    });
 }); 

&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;form&gt;
&lt;a href="#" id="my"&gt;click&lt;/a&gt;
&lt;select class="text" id="currency" id="adults"&gt;
    &lt;option value="1"  selected="selected"&gt;1&lt;/option&gt;
    &lt;option value="2" &gt;2&lt;/option&gt;
    &lt;option value="3" &gt;3&lt;/option&gt;
    &lt;option value="4" &gt;4&lt;/option&gt;
&lt;/select&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>This is used to get how many adults are there. Can't run without it.</p>
