Dynamically add Div to html page using javascript or jquery

dynamic, html, javascript, jquery

Solution

$("#parent_div").append('<div id="created_div"></div>');

or if you want the newly created `<div>`-s to appear before the others

$("#parent_div").prepend('<div id="created_div"></div>');

Problem

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: ``` <div id="main"></div> <div id="created_div"></div> ``` Any help would be wonderful

Original source