How would I prevent JQuery from selecting more than 1 level of children dom elements?
<p>How would I only select Item A and Item B pragmatically while excluding the sub item? </p>

<pre><code>&lt;div id="nav"&gt;
    &lt;ul&gt;
        &lt;li&gt;
            &lt;p&gt;Item A&lt;/p&gt;
            &lt;ul&gt;
                &lt;li&gt;
                    &lt;p&gt;Sub Item A&lt;/p&gt;
                &lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;Item B&lt;/li&gt;        
    &lt;/ul&gt;
&lt;/div&gt;
</code></pre>
