title: Jquery event not triggering on manually added elments
body: <p>Page makes an ajax call, recieves JSON, than adds json data to new elements and those elements are appended to page:</p>
  
  <pre><code>$('.get_comments').on "ajax:complete", (e, data, status) -&gt;
      json = data.responseJSON
        for obj in json
          $('.existing_div').append("&lt;div class="APPENDED"&gt;#{obj.attr}&lt;/div&gt;")
  </code></pre>
  
  <p>I have some 'on' listners for manually added elements but they're not triggering!</p>
  
  <pre><code>$('.APPENDED').on "click", -&gt;
      console.log 'worked'
  </code></pre>
  
  <p>I do understand that it's beacuse of 'ready' does'nt see newly added elements. P.S. on page:change, page:update, it doesn't work either.
  How do i solve this?</p>