title: .on('click') doesn't work, but all other handlers do
body: <p>I recently asked a question about triggering dynamically created divs, and was introduced to the .on() function.</p>
  
  <p>'keyup' works great, 'mouseover' works, a few others I've tested work but 'click' just will not fire.</p>
  
  <p>I created added information to a div via ajax and .php which holds some data like this:</p>
  
  <pre><code>function loadNewcomment(divID) {
  $.ajax({
          url: templateUrl+"/enternote.php",
          cache: false,
          success: function(html){
              $("#"+divID).append(html);
  
          }
      });
  }
  </code></pre>
  
  <p>I wanted to trigger on keyup for an element within that created div and this code works for that:</p>
  
  <pre><code>$("#notebox").on('keyup', '.note-field', function(event){
      var thisString = $(this).val();
      $keyLength = thisString.length;
      $rowCount = Math.ceil($keyLength/40);
      $currentRow = $(this).attr("rows");
  
      if($currentRow &lt; $rowCount){
          $(this).animate({rows:$rowCount},50);
      }        
  
  });
  </code></pre>
  
  <p>This code however does NOT work:</p>
  
  <pre><code>$("#notebox").on('click', '.note-field', function() {
      alert("clicked");
  });
  </code></pre>