jQuery replaceWith replace div causes reload
<p>I'm using jQuery replaceWith to replace a visible <code>&lt;div&gt;</code> with another. However for some reason when I click the link to initiate the replaceWith, the page reloads and causes the original <code>&lt;div&gt;</code> to appear again. Here's my jQuery:</p>

<pre><code>$(function(){
    $("a#startSlide").click(function () {
        $('div#leftText').replaceWith('div#slide');
    });
});
</code></pre>

<p>Why is this reloading after the div is replaced?</p>
