title: Remove HTML elements but retain content
body: <p>I need to remove a UL from a HTML page which has a class cbs-list, but retain the other elements in the LI, the LI need to go to. The HTML looks like this:</p>
  
  <pre><code>&lt;ul class="cbs-list"&gt;
  &lt;li&gt;&lt;div class="rg-feature-column"&gt;&lt;img src="/dgt/siteassets/news01.jpg" class="rg-dynamic"/&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;
  </code></pre>
  
  <p>So after processing it would looke like:</p>
  
  <pre><code>&lt;div class="rg-feature-column"&gt;&lt;img src="/dgt/siteassets/news01.jpg" class="rg-dynamic"/&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I have tried using jQuery remove:</p>
  
  <blockquote>
    <p>$(".cbs-list").remove();</p>
  </blockquote>
  
  <p>But that removes all the containing elements.</p>
  
  <p>TIA.</p>