title: Click event is not working on Ajax loaded content
body: <p>I am loading content using ajax from external HTML Files. Dont know why after loading content, click event is not working  in safari (mobile safari as well) on any of the newly loaded elements (ul, li, images etc). However this is working in mozilla. </p>
  
  <p>I am not able to understand the exact issue behind this. Please advice me the solution. Below is the code for reference. </p>
  
  <p>Note: I am using the below code under jquery ready function. Is jquery is the cause of issue??</p>
  
  <p>var currentBottle = this.title;
     var request = createRequest();
     if (request == null) {
     alert("Unable to create request");
     return;
     }
     request.onreadystatechange = showContent;
     request.open("GET", currentBottle + ".html", true);
     request.send(null);</p>
  
  <p>function showContent() {
    if (request.readyState == 4) {
      if (request.status == 200) {
        document.getElementById("food_scroller").innerHTML = request.responseText;
      }
    }
  }</p>