title: Remove div element without removing anything inside it using jquery
body: <pre><code>&lt;div class="1"&gt;
    &lt;div class="2"&gt;
      &lt;ul&gt;
        &lt;li&gt;Item 1&lt;/li&gt;
        &lt;li&gt;Item 2&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How do I remove div <code>class="2"</code> only?  I need to keep div 1 and ul and li.</p>
  
  <p>Result:</p>
  
  <pre><code>&lt;div class="1"&gt;      
    &lt;ul&gt;&lt;li&gt;Item 1&lt;/li&gt;&lt;li&gt;Item 2&lt;/li&gt;&lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>&lt;div class="1"&gt;
    &lt;!--&lt;div class="2"&gt;--&gt;
      &lt;ul&gt;
        &lt;li&gt;Item 1&lt;/li&gt;
        &lt;li&gt;Item 2&lt;/li&gt;
      &lt;/ul&gt;
    &lt;!--&lt;/div&gt;--&gt;
  &lt;/div&gt;
  </code></pre>