jquery - ローカルストレージから入力タグにデータを取得していません

Question

ローカルストレージにデータを保存しています。しかし、ローカル ストレージからデータを取得しようとすると、入力タグにデータが入りません。ページが変わるとき、その時が来るはずです。私を助けてください。コードの間違いは何ですか？

HTML5 で:

<div data-role="page" id="page1">
    <div data-role="content">
        <form novalidate id="setting_form">
            <div data-role="fieldcontain">
                <label for="textusername1">Username</label>
                <input name="textusername1" id="textusername1" value="" type="text">
            </div>
            <div data-role="fieldcontain">
                <label for="textpassword1">Password</label>
                <input name="textpassword1" id="textpassword1" value="" type="text">
            </div>
            <div style="text-align:center;">                    
                <div data-role="button" data-theme="b" data-inline="true" id="button1" onclick="callConnection();">Update</div>
            </div> 
        </form>
    </div>
</div>  

<div data-rol2="page" id="show">
    <div data-role="content" id="content2">
        <form novalidate id="setting_form1">
            <label for="un">User Name</label>
            <input type="text" name="un" class="field" id="un" value="">

            <label for="pw">Password</label>
            <input type="text" name="pw"  class="field" id="pw" value="">
    </div>
</div>

jQuery の場合:

$(document).unbind('pageinit').bind('pageinit', function () {              
    $("#show").on("pageshow", function (event) {
        $("#un").text(localStorage.getItem("user"));
        $("#pw").text(localStorage.getItem("pass"));
    });
});

function callConnection(){
    localStorage.setItem("user", $("#textusername1").val());
    localStorage.setItem("pass", $("#textpassword1").val());

    if (localStorage.getItem("user") == "" && localStorage.getItem("pass") == "") {
        alert("enter the username and password");
    }
    else {
        $.mobile.changePage("#show");
    }
}