Why does the html disappear?
<p>I would like to insert <code>&lt;div&gt;&lt;p&gt;Test&lt;/p&gt;&lt;/div&gt;</code> in another DIV at the top. So I try</p>

<pre><code>$(document).ready(function(){
  $('form').live('submit', function(){
    var aform      = $(this);
    $('#w').append('&lt;div&gt;&lt;p&gt;Test&lt;/p&gt;&lt;/div&gt;');
  });
});
</code></pre>

<p>HTML looks like</p>

<pre><code>&lt;div id="w"&gt;
  &lt;div&gt;&lt;p&gt;Test&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>When I do that, it gets inserted, but goes away right after.</p>

<p>Try click on the Save button in this example.</p>

<p><a href="http://jsfiddle.net/Rv2w7/" rel="nofollow">http://jsfiddle.net/Rv2w7/</a></p>
