jQuery: How to add event handler to dynamically added HTML elements?

Question

I have the following code:

$(document).ready(function({
    $(\".click\").click(function(){
        alert(\' The Button Was Clicked !\');
    });
}));

Answer 1

In reference to your code, the way to do it would be.

$('.click').live('click', function(){
  ... do cool stuff here
});

Using the .live() function allows you to dynamically attach event handlers to DOM objects. Have fun!