Removing the div child in jquery
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/5062916/replace-div-with-another-div">Replace Div with another Div</a>  </p>
</blockquote>



<pre><code>&lt;div id='test'&gt;
 &lt;span&gt;&lt;/span&gt;
 &lt;p&gt;&lt;/p&gt;
 &lt;button&gt;&lt;/button&gt;
 &lt;h1&gt;&lt;/h1&gt;
&lt;/div&gt;
</code></pre>

<p><strong>My question is</strong> , how we can remove the <code>button</code>  element and insert someother on the same position in jquery?</p>
