html5 - How to update slider web control on every page visit using JQuery Mobile -

i creating jquery mobile web app , on 1 page have javascript gets values stored in html5 local storage , updates web controls on page values. 1 of web controls slider control.

i need javascript execute every time page visited update controls local storage. applicable jquery events find fire @ every page pageshow , pagebeforshow events tried tie code execute during these events. example follows:

  var onpageshow = function () {     // restore setting values device browser local storage     if (localstorage.getitem("mmb_autologin")) {       $('#autologin').val(localstorage.getitem("mmb_autologin").tolowercase());       $('#autologin').slider('refresh');     }   };    $(document).delegate('#maxsettings', 'pageshow', onpageshow); 

the problem error when trying reference slider: 0x800a01b6 - javascript runtime error: object doesn't support property or method 'slider'

i need refresh slider web control after changing value default or not change visually.

that issue. how run script every time page loads , update slider web control without getting error? feel have jump through hoops make jquery mobile handle should simple.

this how solved issue, in case wants know how execute jquery mobile code every time page visited.

  $(document).ready(function () {     $('#maxsettings').bind('pageshow', function () {       // execute each time page shown       // restore setting values device browser local storage       if (localstorage.getitem("mmb_autologin")) {         $('#autologin').val(localstorage.getitem("mmb_autologin").tolowercase()).slider('refresh');        }     });   }); 

i want that, in experience, have found huge amount of conflicting information across internet regarding jquery mobile , think should not way. there should documented standards situations such above. make easier create mobile web apps.