Assigning a .change event to a checkbox that gets created after the page loads
<p>I have a page that contains a dropdown list, and when a user selects a options from the list, a ajax call is triggered and a series of checkboxes is created.  Some are checked, some are not checked.  I need to record if any changes are made to the checkboxes i.e. checked/unchecked.  I tried using the the following, and nothing happened.</p>

<p>I am using jQuery version 1.7.1, btw.</p>

<pre><code>$("input:checkbox").change(function(){ 
    //some stuff happens
});
</code></pre>

<p>I had an alert in there, but nothing is happening.  So I tried wrapping it in a <code>$(document).ready(...</code> but again, nothing.  So my guess was that, since they checkboxes haven't been created when the DOM is ready, it has no tags to attached that action to.</p>

<p>So now I'm at a loss.  I'm not sure, without putting <code>onChange="someFunction()"</code> into</p>

<pre><code>.append("&lt;input type='checkbox' id='" + theData.DATA + "' value='" + theData.DATA + "'&gt;" + tempName + "&lt;br /&gt;");
</code></pre>

<p>that is actually creating the checkboxes.  </p>

<p>Any thoughts?</p>
