title: Find top level li with jQuery
body: <p>Let's say i have a menu like this...</p>
  
  <pre><code>&lt;ul class="main_menu"&gt;
      &lt;li class="item-1"&gt;
          First top level item
          &lt;ul&gt;
              &lt;li class="item-2"&gt;Item 2&lt;/li&gt;
              &lt;li class="item-3"&gt;
                  Item 3
                  &lt;ul&gt;
                      &lt;li class="item-4"&gt;Item 4&lt;/li&gt;
                      &lt;li class="item-5"&gt;Item 5&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="item-6"&gt;Item 6&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class="item-7"&gt;
          Second top level item
          &lt;ul&gt;
              &lt;li class="item-8"&gt;Item 8&lt;/li&gt;
              &lt;li class="item-9"&gt;Item 9&lt;/li&gt;
              &lt;li class="item-10"&gt;Item 10&lt;/li&gt;
              &lt;li class="item-11"&gt;Item 11&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>...and in this case the sub menus can be at variable depth, how can i get the top level item if i only know an sub item? For example, i know the class item-5, then i want to get the class "item-1", or if i know the "item-11", i want "item-7".</p>
  
  <p>That is, wherever i am, i want the "Top level item X". </p>