Access dynamically created items using jQuery?

Question

I have a page where some html is being dynamically added to the page.

This is the html and javascript that is created:

Answer 1

Use .on to wire up the event to your button. Check this SO answer:

Event binding on dynamically created elements?

$(document).ready(function() {
    $('body').on('click', '#btn', function() {
        alert("Hello");
    });
})

Edit: I added the document ready code, you'll want to make sure you do that.

Fixed.