title: jquery dynamically added checkbox not working with change() function
body: <p>I dynamically load in a few li's that have a label and a checkbox in them to another visible ul. I set the checkboxes to be checked="checked" and i am trying to trigger an event to happen when i change these dynamically inserted checkboxes but nothing occurs.</p>
  
  <p>Here is the jquery:</p>
  
  <pre><code>$(".otherProductCheckbox:checkbox").change( function(){
      alert('test');
  });
  </code></pre>
  
  <p>Here is the html for the dynamically added li's:       </p>
  
  <pre><code>&lt;li class="otherProduct"&gt;&lt;input type="checkbox" class="otherProductCheckbox radioCheck" checked="checked"/&gt;&lt;label&gt;Product Name&lt;/label&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Any idea why i cant get the alert to happen when the checkbox changes its checked state?</p>