jquery prevent the onclick event of a tags with specified class name
<p>this is the code I have:</p>

<pre><code>    $('a').on('click', function(e) {
    e.preventDefault();
    });
</code></pre>

<p>but this stops every link from working, I need it to be specific to the link that have a class of the name : "prevent"</p>

<p>for example : <code>&lt;a class="prevent" href="#link"&gt; &lt;/a&gt;&lt;a href="#link1"&gt; &lt;/a&gt;</code>
in this case I want #link1 to work normally and #link will trigger <code>e.preventDefault();</code></p>

<p>any ideas please? thank you</p>
