title: Delete inner UL and Li elements with jQuery
body: <p>I have structured UL/Li like this</p>
  
  <pre><code>&lt;ul&gt;
   &lt;li&gt;&lt;a&gt;1.1&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;.....&lt;/li&gt;
   &lt;li&gt;&lt;a&gt;1.N&lt;/a&gt;&lt;/li&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a&gt;2.1&lt;/a&gt;&lt;/li&gt;
           &lt;ul&gt;
             &lt;li&gt;&lt;a&gt;3.1&lt;/a&gt;&lt;/li&gt;
             .....
             &lt;li&gt;&lt;a&gt;3.N&lt;/a&gt;&lt;/a&gt;&lt;/li&gt;
           &lt;/ul&gt;
      &lt;/ul&gt; 
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to remove all UL and LI elements and keep all  tags. My goal is get menu as multi row strings.</p>
  
  <p>How I can do it with jQuery?</p>