Jquery: Selecting Siblings of $(this)
<p>I'm trying to get jquery to see when an element is changed and then run an action that involves it sibling like this: </p>

<pre><code>$('.row').find('#class').change(function(){
        $(this).siblings('#teacher').removeAttr('disabled');
        var class_id = $(this).val();
    });
</code></pre>

<p>so when the input with an id of <code>class</code> is changed it will get its value and then affect its sibling with an id of <code>teacher</code>.  They are both inside of <code>&lt;div class="row"&gt;</code> and this is repeated several times on the page.  </p>

<p>The HTML:</p>

<pre><code>&lt;div class="row"&gt;
    &lt;div class="grid_2"&gt;
        &lt;select name="class" id="class"&gt;
        &lt;option&gt;&lt;/option&gt;
            //PHP that loads choices
        &lt;/select&gt;
    &lt;/div&gt;

        &lt;div class="grid_2"&gt;
            &lt;select name="teacher" id="teacher" disabled="true"&gt;
                 //Ajax loads choices
            &lt;/select&gt;
        &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>This is repeated Several times through out the page.</p>

<p>What I need help with is how to select the 2nd select box when the first one (next to it) changes.</p>

<p>Thanks for the help.</p>

<p>edit: When i try to console.log <code>$(this).siblings()</code> it comes back with <code>[]</code> as a result.</p>
