title: level indicator using jQuery
body: <p>Can we add class at each level like below using Jquery/JS? So that we can identify that on which level of list we are..                  </p>
  
  <pre><code>&lt;ul&gt;
  &lt;li class="level1"&gt;level 1
       &lt;ul&gt;
       &lt;li class="level2"&gt;level 2&lt;/li&gt;
       &lt;li class="level2"&gt;level 2&lt;/li&gt;
       &lt;li class="level2"&gt;level 2
           &lt;ul&gt;
           &lt;li class="level3"&gt;level 3&lt;/li&gt;
           &lt;li class="level3"&gt;level 3&lt;/li&gt;
           &lt;li class="level3"&gt;level 3
               &lt;ul&gt;
               &lt;li class="level4"&gt;level 4&lt;/li&gt;
               &lt;li class="level4"&gt;level 4&lt;/li&gt;
               &lt;li class="level4"&gt;level 4&lt;/li&gt;
               &lt;/ul&gt;
           &lt;/li&gt;
           &lt;/ul&gt;
       &lt;/li&gt;
       &lt;ul&gt;
  &lt;/li&gt;
  &lt;li class="level1"&gt;level 1&lt;/li&gt;
  &lt;li class="level1"&gt;level 1&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>