Dynamically Add Elements with JQuery
HTML
<button id="myBtn">Add Element</button>
<section id="wrapper"><div>
test
</div></section>
CSS
div {
font-size: 34px;
line-height: 100px;
text-align: center;
color: white;
width: 100px;
height: 100px;
background: black;
float: left;
margin: 10px;
}
p{color:white;}
JavaScript
var count = 1;
$('#myBtn').click(function(){
var div = $('<div></div>');
div.html(count);
div.prepend(div);
count = count + 1;
});