title: JQuery .on("click", function() ) doesn't work
body: <p>I am trying to fire JQuery when I checkbox is checked. At first I realized my JQuery only works for static elements. I read through a couple posts and found out that I need .on("click, function()) in order to fire that same piece of javascript for dynamically added elements. </p>
  
  <p>However, this method still doesn't work for me. Can anyone help? Thank you. </p>
  
  <pre><code>$(document).ready(function(){
      $("input[name='todo']").on('click', function(){
      var isChecked = this.checked
             if (isChecked == true){
            $(this).next().remove();
            $(this).remove(); 
          }
          if (isChecked == false)
          {
          alert("checkbox is NOT checked");
          }
  
          });
  
      });
  </code></pre>
  
  <p>My example app: <a href="http://jsfiddle.net/JSFoo/7sK7T/8/" rel="noreferrer">http://jsfiddle.net/JSFoo/7sK7T/8/</a></p>