Breaking standard Jquery functionality

[Faaiez]

Hi

My main Index page now looks as follows:

The Quran

The End

<script type="text/javascript"> app.initialize(); $('.scrollable').pullToRefresh({ callback: function() { var def = $.Deferred(); debugger; if (document.activeElement.id==='surapage') { redownloadSura(); }; setTimeout(function() { def.resolve(); }, 3000); return def.promise(); } }); </script>

The app has an Index with a list of chapters (114). When selecting a chapter it takes you to the chapter page. Before adding the scroll-to-refresh functionality the 'back' button used to go back to the index page exactly to the place of the item selected.
After adding the two div's to enable the pull-to-refresh it keeps go to the top of the index page.
Any ideas why this would be?