jQuery: how do I add a div to the end of my HTML file?

Question

I saw in the documentation that .append allows you to add things to an element. But I want to end a div right before the </body> tag

Answer 1

$('body').append('<div />');

Answer 2

Wait, so why doesn't this work?

$("body").append('<div id="your_div" />');

Answer 3

You can use this:

$('body').append('<div>footer</div>');

but also this:

$('<div>footer</div>').appendTo('body');

or this:

$('body').html($('body').html()+'<div>footer</div>');

Reference with differences here: http://api.jquery.com/appendTo/