jQuery prevent scroll
<p>I have a click event but it jumps to the top of the screen. </p>

<p>I have tried return false and e.preventdefault. I think it maybe something else. Has anyone come across something like this? Thanks</p>

<pre><code>        $("#savedCompares").click(function() {
            $('#searchContent').hide();
            $('#compareContent').show('fade');
            $(this).addClass("selected");
            $("#searchListings").removeClass("selected");
            return false;
        });

            &lt;ul&gt;
                &lt;li id="searchListings" class="resultCategory selected"&gt;Searched: Motors&lt;/li&gt;
                &lt;li id="savedCompares" class="resultCategory"&gt;Saved compares (&lt;div id="comparesAdded"&gt;0&lt;/div&gt;)&lt;/li&gt;
            &lt;/ul&gt;
</code></pre>
