title: Jquery .on() with delegate does not respond to dynamic html with events bound to anchor tags
body: <p>This is part of my <code>$(document).ready</code></p>
  
  <pre><code>$("#dynaffiliate").on("click", "a.ajaxpaginate", function(event){
   event.preventDefault();
      alert($(this).text());
  });  
  </code></pre>
  
  <p><code>&lt;div id="dynaffiliate"&gt;</code> exists at pageload.</p>
  
  <p>When I inject a bunch of a elements with that class, the event is not fired. I'm using firefox. I've also tried using just plain <code>a</code> with no class and nothing happens..</p>
  
  <p>Now, I am also thinking deeper into this - an <code>a</code> element may be impossible to handle in this manner - since the browser will just navigate to the link before it has a chance to bubble the event up to the parent. Am I better off using some other element instead of an <code>a</code> tag?</p>