Behavior of e.preventDefault();
<p>I am learning <em>jQuery</em> and am looking to clarify what <code>e.preventDefault()</code> does. From what I have read it prevents the default behaviour of the event.  </p>

<p>An example in my case would be that I have an anchor tag which rather than take me to a new page I want it to display a modal on my screen. So my <em>jQuery</em> looks like this</p>

<pre><code>$(document).ready(function() {
$('#boxShow').click(function(e) {
    e.preventDefault();
    $("#light").fadeIn();
    $('#fade').fadeIn();
});
</code></pre>

<p>Is the <code>preventDefault()</code> enabling me to perform a different event?</p>

<p>Apologies if this is a stupid question</p>
