<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.js"></script>
<title>Create Button Again and Again</title>
<style>
.parallel{
border:3px solid red;
display:inline-block;
}
</style>
</head>
<body>
<div id="KeepContent" class="parallel">
<button onclick="dynamichtml();">Create Button</button>
</div>
<script type="text/javascript">
var count = 0;
function dynamichtml() {
var d = $("#KeepContent");
var btn = document.createElement("input");
btn.type = "button";
btn.id = "btn_"+count;
btn.value = "New Button";
d.delegate('#btn_'+count, "click", function () {
dynamichtml();
});
d.append("<br/>");
d.append("<br/>");
d.append(btn);
d.append("<br/>");
count++;
}
</script>
</body>
</html>