Why can't I get this value from the next dropdown with jQuery?
<p>I am attempting to get the value of a dropdown menu. I have several on the page.</p>

<p>The way it works is there is a radio button before each dropdown and ideally, on selecting the radio button, we simply get the current value displayed on the next select -> option.</p>

<p>What I have so far is:</p>

<p><strong>html:</strong></p>

<pre><code>&lt;input type="radio" class="ticketOption" value="30.00" /&gt;
&lt;select&gt;
    &lt;option value="1"&gt;1&lt;/option&gt;
    &lt;option value="2"&gt;2&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p><strong>jquery:</strong></p>

<pre><code>$j(document).ready(function(){


$j('.ticketOption').click(function(){

 var price = $j(this).attr('value');

 var tickets = $j(this).next('select option:selected').text();

 alert(tickets);


});

})
</code></pre>

<p>Yet my alert is coming up blank? I'm not sure if I'm doing my next() correctly. It seems pretty straight forward but I seem to be like thomas edison when it comes to getting my light bulb working.</p>

<p>Any ideas?</p>
