title: ajax response includes image, onClick event on image not working jQuery
body: <p>im getting really crazy about this, i cant make a simple <code>click()</code> event in jQuery. i really need your help on this.</p>
  
  <p>i have ajax that will send data to a PHP file and the result will echo back as <code>(response)</code></p>
  
  <pre><code>$.post("get.php?data="+ data, {
    }, function(response){
    $('#load').html(response);
  </code></pre>
  
  <p>included in the response, is this <code>&lt;img src="next.png" id="next" alt="" /&gt;</code></p>
  
  <p>i simply want the <code>next</code> image to be clickable and display some kind of alert.</p>
  
  <p>below are my different variations on the code. but i still cant make the button work!</p>
  
  <pre><code>//test 1
  $(document).ready(function () {
      $('#next').livequery("click", function () {
          alert("test");
      });
  });
  
  //test 2
  $(document).ready(function () {
      $('#next').on("click", function () {
          alert("test");
      });
  });
  
  //test 3
  $(document).ready(function () {
      $('img#next').on("click", function () {
          alert("test");
      });
  });
  
  //test 4
  $(document).ready(function () {
      $('#next').on("click", "img", function () {
          alert("test");
      });
  });
  
  //test 5
  $(document).ready(function () {
      $('#next').on("click", "img", function (e) {
          e.preventDefault();
          alert("test");
      });
  });
  </code></pre>