How to simplify this jQuery expression?
<pre><code>$country.parent().parent().next().children('td').children('.province-select')
</code></pre>

<p>Basically I have some HTML that looks like this:</p>

<pre><code>&lt;table&gt;
    &lt;tr&gt;
        &lt;th&gt;country&lt;/th&gt;
        &lt;td&gt;&lt;select name="country"/&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;th&gt;province&lt;/th&gt;
        &lt;td&gt;&lt;select class="province-select"/&gt;&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>Once I've nabbed the country <code>select</code>, I need to find the next <code>.province-select</code>. <em>Would be nice</em> if it's little more robust to subtle HTML changes. </p>

<p>AFAIK <code>next()</code> only finds siblings, and <code>closest()</code> only traverses up the DOM tree.</p>

<hr>

<p>I have a few of these all in the same table. That's why I'm using all this parent/next garbage. I don't want to use IDs because... well, then the script will only work on one specific country/province pair; I need it to run on all of them; thus I need to find the corresponding province field for the country field.</p>
