title: Direct descendants only with jQuery's find()
body: <p>Is it possible to select only direct descendants of an element using jQuery's <code>find()</code> or <code>children()</code> functions?</p>
  
  <p>I have several <code>ul</code> elements, each with other <code>ul</code> elements inside them, and some root <code>li</code> elements too. I store a specific parent <code>ul</code> in a variable (as a jQuery object) and then look for any of the root <code>li</code> elements within using: <code>my_root_ul.find('li');</code>. </p>
  
  <p>However, this method also finds any <code>li</code> that belongs to the <code>ul</code> inside the <code>ul</code>, if that makes sense.</p>
  
  <p>My question is, how can I select only direct descendants of type <code>li</code> within the <code>my_root_ul</code> object using <code>find()</code>. Ordinarily, we could use something like <code>$('ul &gt; li')</code> to return only direct <code>li</code> elements, but it must be possible to filter down the returned elements?</p>
  
  <p>Here is an example to demonstrate what I mean:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;I want this
          &lt;ul&gt;
              &lt;li&gt;I don't want this&lt;/li&gt;
              &lt;li&gt;I don't want this&lt;/li&gt;
              &lt;li&gt;I don't want this&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;I want this&lt;/li&gt;
      &lt;li&gt;I want this&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>