Find closest instance of class
<p>I have a list of comments with a reply option. When the reply button is clicked a form should appear below the comment.</p>

<p>HTML:</p>

<pre><code>&lt;div id="" class="comment"&gt;
    &lt;div class="comment-message"&gt;Message
        &lt;div class="information"&gt; 
            &lt;a id="" class="comment-reply" href="/comments/reply/"&gt; Reply &lt;/a&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="test"&gt;Test&lt;/div&gt;
</code></pre>

<p>CSS:</p>

<pre><code>.test{display:none;}
</code></pre>

<p>jQuery:</p>

<pre><code> $('.comment-reply').live("click", function(e) {
    e.preventDefault();
    $this = $(this);
    $this.closest('.test').toggle();
});
</code></pre>

<p>I have tried using the following:</p>

<pre><code>$this.closest('.test').toggle();
</code></pre>

<p>Any help on this would be much appreciated , Thank you.</p>
