Removing mark-up from unordered list with jquery
<p>In the follow content I need to remove the mark-up tags <code>&lt;div class="sub"&gt;</code> and <code>&lt;/div</code>> but not it's content with jquery. This is to adapt the menu to a responsive layout.</p>

<pre><code>&lt;nav id="top"&gt;  
&lt;ul&gt;
    &lt;li class="ti" id="snw"&gt; &lt;a class="mm" href="/snowdepth/"&gt;Weather&lt;/a&gt;
       &lt;div class="sub"&gt;    

          &lt;ul&gt;
               &lt;li&gt;&lt;h2&gt;Snowline&lt;/h2&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="/alpen/nordliche%20ostalpen/"&gt;Nordliche Ostalpen&lt;/a&gt;&lt;/li&gt;    
         &lt;/ul&gt;

      &lt;/div&gt;
    &lt;/li&gt;

    &lt;li class="ti" id="blg"&gt; &lt;a class="mm" href="/live/"&gt;Weblog&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/nav&gt;
</code></pre>
