title: How to create a sitemap using jQuery
body: <p>I have following markup</p>
  
  <pre><code>&lt;div id="mnuMain"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Dashboard&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Market Trends&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Master&lt;/a&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Products&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Segments&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" &gt;Companies&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Settings&lt;/a&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Dashboard Settings&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
      &lt;br style="clear: left" /&gt;
  &lt;/div&gt;
  
  &lt;div id="divNavigation" style="height:20px;width:100%;
  background:gray;color:white"&gt;        
  &lt;/div&gt; 
  </code></pre>
  
  <p>My question is </p>
  
  <p><strong>How to track parents upward when I click on particular</strong> <code>&lt;a&gt;</code> so that <code>divNavigation</code>
  will contain suppose now I have clicked on "Segments" <code>divNavigation</code> should have <code>Master &gt; Segments</code> with links.</p>