Biding events to dynamically created html elements

binding

Here is what gets you all the way:

$(document).ready(function() {
    $(document).on("click","textarea",function(){ 
        // Do something when textarea is clicked
    });
});

If your app is like most web apps, it is probably full of AJAX. Suppose you have a page that renders some buttons or links but it also dynamically adds more of those elements as events happen, such as an AJAX pagination event. To top it off, all those elements have events tied to them (think hitting "Like" on a friends Facebook post that was not initially visible on the page.").

How do you handle events for any of those links, regardless when they show up in the DOM?

The standard way works...partially:
$(".awesome-button").on("click", function(e) {
    // do awesome and blow your mind
    // Uh oh. Doesn't work for dynamically added elements
});

//textarea could be dynamically created based on some Ajax
//http://www.go4expert.com/articles/bind-jquery-events-dynamically-created-t29931/