jquery - HTML5 ローカル ストレージの問題

Question

HTML5 のローカル ストレージでこの問題が発生しています。コードは次のとおりです。key1は質問で、value1とvalue2はチェックしたいラジオ ボタンの値です。

function setAnswers() {

    $(function () {
        if ($('#id1').is(':checked')) {
            alert(localStorage['key1'] = "value1");
        }

        if ($('#id2').is(':checked')) {
            alert(localStorage['key1'] = "value2");
        }
    });
}

そしてHTML：

   <div id="next1">
       <a class="next" type="button" data-inline="true" data-theme="a" value="Next"
        data-icon="arrow-r" data-iconpos="right" href="page2.html" data-rel="external" onClick="alert(setAnswers())">Next</a>
       </div>

これまでのところ、最初のページで問題なく動作し、alert()に保存したキーも表示されますが、次のページに移動するというlocalstorage2 番目のメッセージが表示されます。最初のページに戻ると、既に保存したキーが削除されます。alertundefined

onClick編集:属性 の間違ったコードを投稿しましたが、これは正しいものです:

onClick="alert(setAnswers())"