How to add element with old element's html and remove old element in Jquery with new?
<p>I want to add new element by jquery with old element and also remove old element in place of new.</p>

<p>For ex,</p>

<pre><code>&lt;div id="a1"&gt; &lt;/div&gt;
</code></pre>

<p>should be like</p>

<pre><code>&lt;table border="0" cellpadding="0" cellspacing="0"&gt;
      &lt;tr&gt;
       &lt;td class="Frame_Box_top_left"&gt;&lt;/td&gt;
       &lt;td class="Frame_Box_top"&gt;&lt;/td&gt;
       &lt;td class="Frame_Box_top_right"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
       &lt;td class="Frame_Box_left"&gt;&lt;/td&gt;       
       &lt;td class="Frame_Box_inner" valign="top"&gt;

                  "new element here !"

       &lt;/td&gt;
       &lt;td class="Frame_Box_right"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
       &lt;td class="Frame_Box_bottom_left"&gt;&lt;/td&gt;
       &lt;td class="Frame_Box_bottom"&gt;&lt;/td&gt;
       &lt;td class="Frame_Box_bottom_right"&gt;&lt;/td&gt;
      &lt;/tr&gt;
&lt;/table&gt;
</code></pre>
