jquery: how to find the 2nd closest anscestor?
<p>My DOM looks something like this:</p>

<pre><code>&lt;li&gt;
   &lt;li&gt;&lt;a class="editEntity&gt;Edit&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a class="deleteEntity&gt;Delete&lt;/a&gt;&lt;/li&gt;
&lt;/li&gt;
</code></pre>

<p>When the used clicks on 'Edit', I want to change the outer <code>&lt;li&gt; to &lt;li class="selected&gt;.</code></p>

<pre><code>I tried something like this, but this is not working:
    $('li a.editEntity').live('click', function() {
        $(this).closest('li').closest('li').addClass('selected');
    });
</code></pre>

<p>Any help is appreciated.</p>
