title: Jquery Clone direct children of element only
body: <p>I am trying to clone the first level of an unordered list <strong>only</strong> and not any children beyond that. My list is as follows.</p>
  
  <pre><code>&lt;ul class='leftNav'&gt;
      &lt;li&gt;A&lt;/li&gt;
      &lt;li&gt;D&lt;/li&gt;
      &lt;li&gt;C&lt;ul&gt;
           &lt;li&gt;1&lt;/li&gt;
           &lt;li&gt;2&lt;/li&gt;
           &lt;li&gt;3&lt;/li&gt;
      &lt;/li&gt;
      &lt;li&gt;D&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I am using the following to clone list items but this is cloning everything:</p>
  
  <pre><code>var leftNav = $(".leftNav").children().clone();
  </code></pre>
  
  <p>What I would like is just this:</p>
  
  <pre><code>&lt;li&gt;A&lt;/li&gt;
  &lt;li&gt;D&lt;/li&gt;
  &lt;li&gt;C&lt;/li&gt;
  &lt;li&gt;D&lt;/li&gt;
  </code></pre>
  
  <p>Is this possible with jQuery?</p>