Dynamically add Div to html page using javascript or jquery

Question

I want to have a main div and have the ability to dynamically add new divs at the same level as the main div. Something like this:

Answer 1

$('#main').after('
');