Why I cannot get the text
of this newly added multiple child div's. I'm using JQuery to add this dynamic elements. here my sample fiddle: JSFIDDLE
Can someone explain to me where did I go wrong?
Script
var counter = 0;
$("button").click(function() {
$("<div class='child-list-workorder'>\
<div class='list-workorder'>\
<div class='list-workorder-header'>\
<h3 id='" + counter + "' class='list-workorder-id'>click me " + (++counter) + "</h3>\
</div>\
<p>" + counter + "</p>\
</div>\
</div>").appendTo("div.parent-list-workorder");
});
$("div.list-workorder-header").on("click", "h3.list-workorder-id", function(){
alert(this.id);
});