Prevent scrolling to top using .load()
<p>I'm trying to prevent the scrolling to the top when using jQuery's .load function. I've read at SO that you can use <code>event.preventDefault(); event.stopPropagation();</code>. <a href="http://stackoverflow.com/questions/7537777/prevent-scrolling-to-top-when-using-jquery-load">Here</a> is the link to this question. But when using beginform, you don't have an event here. </p>

<p>I also tried to put a click event on the submit button, but this also didn't work. </p>

<p>Thanks in advance! </p>

<p>This is the code of the view. When success the function closeFancyReservationCancel is called.    </p>

<pre><code>@using (
    Ajax.BeginForm("Cancel", 
                   "Reservation", 
                   new AjaxOptions { HttpMethod = "POST", 
                                     OnSuccess = "closeFancyReservationCancel"}, 
                   new { id = "cancelForm" }))
    {
        ...
    }
)
</code></pre>

<p>And this is the jQuery function</p>

<pre><code>function closeFancyReservationCancel() {
    $.fancybox.close();
    $('#reservationList').load(ResolveUrl('~/Reservation/reservationList'));
}


function ResolveUrl(url) {
if (url.indexOf("~/") == 0) {
    url = baseUrl + url.substring(2);
}
    return url;
}
</code></pre>

<p>Here a part of my HTML:</p>

<pre><code>&lt;div id="reservationList" class="tblContainer"&gt;
    @Html.Action("reservationList", "Reservation")
&lt;/div&gt;
</code></pre>

<p>The action reservationList returns a view with the table. Only the body of the table has an <code>overflow: auto;</code>.</p>

<p><strong>EDIT: added more information</strong></p>

<p>I have a div with a list of my reservations table. I am using MVC3 to show that list. When press the cancel button, the div will reload by the .load function.</p>

<p><strong>EDIT</strong></p>

<p>Here my HTML view with the table:
<a href="http://pastebin.com/VnzLnUj3" rel="nofollow">Pastebin</a></p>
