Jquery .on() with delegate does not respond to dynamic html with events bound to anchor tags
<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>
