LocalStorage в PhoneGap на разных страницах

Я пытаюсь использовать простую строку, хранящуюся в функции localStorage, встроенную в телефонную защелку, в качестве простой настройки для набора данных с целью уничтожения с сервера. В index.html мне удалось сохранить строку из меню <select> и отобразить ее в заголовке. Используя этот код javascript:

            <script type="text/javascript" charset="utf-8">

            window.onload = function() {
                document.getElementById("BtnStore").addEventListener("click", storeData, false);
                $("#headertitle").append(loadData()).headertitle("refresh");
            }

            function storeData() {
                var e = document.getElementById("klass");
                var klass = e.options[e.selectedIndex].value;
                localStorage.setItem("klass", klass);

                window.location.href = "index.html";
            }



            function loadData() {
                var getKlass = localStorage.getItem("klass");
                return getKlass;
            }


            </script>

Это добавляет сохраненное значение в элемент <h1>.

Но когда я с другой страницы html пытаюсь ссылаться на тот же ключ из локального магазина, ничего не отображается. Вот этот код:

            <script type="text/javascript" charset="utf-8">

            document.addEventListener("deviceready", onDeviceReady, false);
            function onDeviceReady() {
                $("#hejsan").append(loadData()).hejsan("refresh");
            };


            function loadData() {
                var getKlass = localStorage.getItem("klass");
                return getKlass;
            }


            </script>

Это также как тест, добавляющий строку к элементу <p>. Почему-то ничего не происходит, кто-то знает почему?

благодаря