jQuery after bug demonstration

by paulbruno

CSS

body {
    font-family: Helvetica, Arial, sans-serif;
}

h1 {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
}

JavaScript

var $body = $(document.body);

$body.append("<h1>test 1</h1>");

$body.append($("<div>first element's content</div>").after("<p>second element's content</p>"));

$body.append("<h1>test 2</h1>");

$(document.body).append($("<div></div>").after("<p>second element's content</p>"));

$body.append("<h1>test 3</h1>");

$(document.body).append($("<div></div>").after("<p>second element's content</p>").after("<p>third element's content</p>"));