jQuery: Grab the next <select> with a specific class in a table row
<p>I have this HTML structure (excerpt):</p>

<pre><code>&lt;td&gt;
    &lt;select id="test1" class="pub_chooser"&gt;
        &lt;option value="99"&gt;All Publications&lt;/option&gt;
        &lt;option value="40"&gt;Contract&lt;/option&gt;
        &lt;option value="21"&gt;Student&lt;/option&gt;
    &lt;/select&gt;
&lt;/td&gt;

&lt;td&gt;
    &lt;select id="thing1" class="ev_chooser"&gt;&lt;/select&gt;
&lt;/td&gt;
</code></pre>

<p>This is hooked up to an AJAX function to populate the second <code>&lt;select&gt;</code> when an option is clicked.</p>

<p>I'm also allowing users to clone() the table row. I now need to target the second <code>&lt;select&gt;</code> in my AJAX function. </p>

<p>How can I reliably get the next .ev_chooser <code>&lt;select&gt;</code> element when the pub_chooser <code>&lt;select&gt;</code> is clicked?</p>

<p>I've tried this to no avail:</p>

<pre><code>corresponding_select = $('select .ev_chooser').nextAll();
</code></pre>

<p>Any tips?</p>

<p>-Matt</p>
