Question

In this fiddle, i am not able to get the Dynamic Event Handler

onclick event to be triggered for the dynamically generated button.

Answer 1

even if you add the “onclick” to the button, it is not parsed and processed by browser, and the event handler is never created.

Your best option is create an event handler out of the button itself, remove the “onclick” line, and this in the document ready block:

$("#d1").on('click', 'input:button', function() { 
    alert( $("#dataSources").val() );
});

this will work as the event handler attaches itself to the #d1, and delegates the event itself to the clicked buttons. If you create or destroy buttons, this does not affect the handler.