title: jquery how to access events on html that was inserted to the DOM
body: <p>In my web app I have an unordered list of 15 items that appear on load. I am grabbing 100 new items from an API using ajax and adding them to the current <code>ul</code> by using <code>.append(html)</code>. Each <code>li</code> has a checkbox next to it that when selected needs to call <code>some_function</code>.</p>
  
  <p>The elements that have been rendered are able to access <code>some_function</code> but not the newly loaded ones. How can I access <code>some_function</code> on the newly loaded ajax items? I've never dealt with this before and apparently since the items aren't "rendered" yet they can't access functions?</p>