Question

I would like to insert <div><p>Test</p></div> in another DIV at the top. So I try

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

HTML looks like

<div id="w">
  <div><p>Test</p></div>
</div>

When I do that, it gets inserted, but goes away right after.

Try click on the Save button in this example.

http://jsfiddle.net/Rv2w7/

Answer 1

Use prepend() and cancel the submit:

$(document).ready(function(){
  $('form').live('submit', function(){
    var aform      = $(this);
    $('#w').prepend('<div><p>Test</p></div>');
    return false; //cancel `real` submit
  });
});