Page load jumps to top when ajax gets data

Page load jumps to top when ajax gets data

I have a section at the bottom of one of my pages that gets data that can be further filtered by weeks. Users can click on any of the weeks to see the data that applies only to that week. This works just fine, but when the function finishes and replaces the html content of the div, the page jumps to the top so that the user has to scroll back down to see the results. I'd like to avoid that.
 
  1. $(

    ".weekSelection").click(function ()

    {

    var id = $("#stakeholderID_DDL").val();

    var week = $(this).attr("week");

    var url = '<%= Url.Action("StakeholderSnapshots", "Editor") %>?stakeholderID='

    + id +

    '&week=' + week;

    $.ajax({

    url: url,

    success:

    function (data)

    {

    $(

    '#StakeholderForecasting').html(data);

    $(

    "#stakeholderID_DDL").val(id);

    // Remove disabled attribute for week filters.

    $(

    ".weekSelection").removeAttr("disabled");

    }

    });

      It's nothing terribly complicated. The 'weekSelection' links are disabled until a stakeholder is chosen, then they're good to go. The weird bit at the url variable is just some ASP.NET MVC stuff. The StakeholderForecasting div gets its contents replaced and all will be good as soon as I can maintain the page's position.