使用jQuery mobile时动态更改跨度文本

Question

我想在使用jQuery mobile加载对话框时动态更改范围的文本。以下是我的第一页中的代码。

<a data-transition="turn" id="profile-btn" data-rel="dialog" href="profile.html">Some Text</a>

在profile.html中我有

<div data-role="page" id="profile-page" data-role="dialog">
    <span id="username">username</span>
</div>      

以下是js代码

$(window).load(function() {
    $(document).on('pageinit', '#profile-page', function () { 
        jQuery("#username").text(localStorage.user);
    });     
});

我的上述设置无效。你们知道我在这里做错了吗？