How come .parent() is not working?
<pre><code>&lt;div class="apple"&gt;
    &lt;div class="abc"&gt;
       &lt;input id="go"&gt;
    &lt;/div&gt;
&lt;/div&gt;


$("#go").click(function(){
    $(this).parent('.apple').hide(); // this doesn't work.
    $(this).parent().parent().hide(); //this works
});
</code></pre>

<p>I want the <code>.parent('.apple')</code> to work.</p>
