title: Selecting submenu of Parent list not child list
body: <p>How we can select the submenu from parent list item only and not from child list item?</p>
  
  <p>I have top-menu id which is first ul. Inside i have lots of li with ul (class sub-menu). Inside the submenu I am having different li which is also having li with same class (sub-menu).</p>
  
  <p>This is the structure</p>
  
  <pre><code>   &lt;div id="#top-menu"&gt;
        &lt;li&gt;
           &lt;ul class="sub-menu"&gt;  //need to select this only
              &lt;li&gt;
                 &lt;ul class="sub-menu"&gt; // Not this
              &lt;/li&gt;
        &lt;/li&gt;
        &lt;li&gt;&lt;/li&gt;
         &lt;li&gt;&lt;/li&gt;
           &lt;ul class="sub-menu"&gt;
              &lt;li&gt;&lt;/li&gt;
                 &lt;ul class="sub-menu"&gt;
        &lt;li&gt;&lt;/li&gt;
        &lt;li&gt;&lt;/li&gt;
        &lt;li&gt;&lt;/li&gt;
     &lt;/div&gt;
  </code></pre>