jquery .parent .next .show not working
<p>I have the following HTML:</p>

<pre><code>&lt;tr&gt;
    &lt;td&gt;
        &lt;input type="checkbox" class="showFilter" /&gt; Ranks
    &lt;/td&gt;
&lt;/tr&gt;
&lt;tr class="hideFilter"&gt;
    &lt;td class="textBold"&gt;

        &lt;select class="ranks singleListBox" id="select1" name="selectListFilterRank"&gt;
            &lt;option value="all"&gt;All&lt;/option&gt;
                &lt;% Do While NOT rsGetRanks.EOF %&gt;
                            &lt;option value="&lt;%= rsGetRanks("RankID") %&gt;"&gt;&lt;%= rsGetRanks("Description") %&gt;&lt;/option&gt;

                &lt;%  
                        rsGetRanks.MoveNext
                    Loop          
                %&gt;                  
        &lt;/select&gt;
    &lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>I have the following JQuery:</p>

<pre><code>$('.showFilter').change(function () {
                if(this.checked) {
                    $(this).parent('tr').next().show();
                } else {
                    $(this).parent('tr').next().hide();
                }

            });
</code></pre>

<p>I am trying to make it so when they click the checkbox, it will find the parent <code>&lt;tr&gt;</code>, go to the next <code>&lt;tr&gt;</code> and show that <code>&lt;tr&gt;</code>.  </p>

<p>That part is not working, it will not show the <code>&lt;tr&gt;</code> for some reason.</p>

<p>All hideFilter is doing is setting the display to none, no other CSS should be messing with this currently.</p>
