Append div to end of document with jQuery?

Question

I would like to write a function using jQuery to append a div to the end of a web page. I would like to be able to use the function on many different pages.

I've written the following code, but it doesn't work:

    $(document).append('<div id="helloDiv"></div>');     $('#helloDiv').html('hello'); // does nothing     $('#helloDiv').css('top','100') // throws an error 

How do I fix this?

Answer 1

It is meaningless to append to the document. Append to the document's body node instead, since this is where all the visible content is:

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