How to find an uncle of a tag with Jquery
<p>When I click on an anchor in an li tag, I would like to identify the index of the h3 tag that precedes it.  For example, if I were to click on overview, I would like to get the index of Introduction.  How would I accomplish this with Jquery?</p>

<pre><code>&lt;h3&gt;&lt;a href="Introduction" rel="address:/Introduction"&gt;Introduction&lt;/a&gt;&lt;/h3&gt;
&lt;div class="navigation primary_navigation"&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href="purpose" rel="address:/purpose"&gt;Purpose&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="overview" rel="address:/overview"&gt;Overview&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
&lt;h3&gt;&lt;a href="Incorporate_Learning" rel="address:/Incorporate_Learning"&gt;Incorporate Learning&lt;/a&gt;&lt;/h3&gt;
&lt;div class="navigation primary_navigation"&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href="appraise" rel="address:/appraise"&gt;Appraise&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="select" rel="address:/select"&gt;Select&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="define" rel="address:/define"&gt;Define&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="execute" rel="address:/execute"&gt;Execute&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="resources" rel="address:/resources"&gt;Resources&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
</code></pre>
