How to stop page from going to top after initial ajax request
<p>I'm using jquery to initiate an ajax request that returns html. The problem is on the first click for each element that is hooked up to a click handler the page scrolls to the top, but on subsequent clicks it doesn't. </p>

<p>I'm using span tags with click handlers not links.</p>

<pre><code>  &lt;span id="ratings" class="selected"&gt;ratings&lt;/span&gt;


    $(function ()
    {
        $('#ratings').click(function ()
        {
            // ajax request that returns html
            $.ajax({
             . ... ..
                 success: function (msg)
                 {                    
                     $('AddHtmlToThisElement').html(msg.d);    
                 }
            });
        });
   });
</code></pre>
