jquery selector for child element -

What is the correct way to loop through low level "LE" elements?

  & lt; Div id = "mainnav" & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; Ul & gt; & Lt ;! - These are the elements that I get from the loop - & gt; & Lt; Li & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; / Li & gt; & Lt ;! - End These are the elements that I get from the loop - & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;  

I have tried to do this but the selector is not firing.

  jQuery ("# ​​mainNav> 
 
 gt; ul & gt; li") .each (function () {});  

The matter is sensitive, you need #mainnav (Less case ( n ), such as:

  jQuery ("#mnnav> gt; ul> 
 
 
 ). Each (function () {});  

.