jQuery Click Event PreventDefault
<p>If I have an <code>a</code> tag:</p>

<pre><code>&lt;a id="delete-event" href="/delete/1234"&gt;Delete&lt;/a&gt;
</code></pre>

<p>And some javascript which prompts to confirm the delete:</p>

<pre><code> $("#delete-event").click(function(e) {
    e.preventDefault();

    bootbox.confirm("Are you sure you wish to delete this?", function(confirmed) {
        if(confirmed) {
            return true;
        }
    }); 
});
</code></pre>

<p>I thought doing <code>e.preventDefault()</code> would prevent the <code>a href</code> from firing, but its not. When I click the a tag it simply goes to the url, without executing the javascript. How can I make this work?</p>

<p>Thanks.</p>
