event.preventDefault(); not working with .on in jQuery
<p>As of jQuery 1.7 <code>.live</code> has been deprecated and replaced with <code>.on</code>. However, I am having difficulty getting jQuery <code>.on</code> to work with <code>event.preventDefault();</code>. In the below example, clicking the anchor tag takes me to the linked page instead of preventing the default browser action of following the link.</p>

<pre><code>jQuery('.link-container a').on('click', function(event) {
    event.preventDefault();
//do something
});
</code></pre>

<p>However, the same code with <code>.live</code> works without any hiccups.</p>

<pre><code>jQuery('.link-container a').live('click', function(event) {
    event.preventDefault();
//do something
});
</code></pre>

<p>I am using jQuery version 1.7.1 that ships with Wordpress 3.3.1 currently. What have I got wrong here?</p>

<p>Regards,
John</p>
