How to bind events to HTML injected from AJAX requests

Question

So I am injecting html via an AJAX request:

Ajax Response

  
HTML from AJAX request         


        
      

Answer 1

Use the on method to make it live.

$(function(){
    $("#my-element").on("click",function() {
        alert("hit");
    });
});