title: Replace <A> tag with <DIV> using jQuery
body: <p>I have the following code:</p>
  
  <pre><code>&lt;div class="normal"&gt;
      &lt;div&gt;
          &lt;div&gt;~Content 1~&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="normal replace"&gt;
      &lt;a href="#"&gt;
          &lt;div&gt;~Content 2~&lt;/div&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Using jQuery, I want to replace the <code>&lt;a&gt;</code> tag inside <code>&lt;div class="normal replace"&gt;</code> with normal <code>&lt;div&gt;</code> tag while keeping it's content.</p>
  
  <pre><code>&lt;div class="normal replace"&gt;
      &lt;div="result"&gt;
          &lt;div&gt;~Content 2~&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>