jQuery select closest tr
<p>Hello I'm having some issues geting a <code>tr</code> toggled this is the code I have this is the HTML:</p>

<pre><code>&lt;table class="avs" border="1" width="384px"&gt;
    &lt;tr class="avs"&gt;
        &lt;th&gt;Avatar name&lt;/th&gt;
        &lt;th &gt;Position&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr class='avs'&gt;
        &lt;td&gt;
            &lt;a class='extralink' href="#"&gt;&lt;/a&gt;
        &lt;/td&gt;
        &lt;td&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr class='extra'&gt;
        &lt;td colspan='2' &gt;
            &lt;div&gt;
                &lt;div&gt;info&lt;/div&gt;
                &lt;div&gt;image&lt;/div&gt;
            &lt;/div&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;​
</code></pre>

<p>This is the jquery:</p>



<pre><code>$('.extralink').click(function() {
    $(this).closest('tr').next('tr.extra').toggle();
});
</code></pre>

<p>Thank you for your time.</p>
