使用javascript或jquery动态添加Div到html页面

我想要一个主 div，并且能够动态添加与主 div 处于同一级别的新 div。 像这样的事情：

<div id="main"></div>
<div id="created_div"></div>

任何帮助都会很棒

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

或者如果你想要新创建的<div>-s 出现在其他人之前

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