jquery-mobile - 再アクセスしても JQM ページが更新されない

Question

Page1、Page2、Page3、Page4 の合計 4 つのページがあります。Page3 には、[選択] ドロップダウン メニューが含まれています。以前は、Page3 のドロップダウンから値を選択し、Page4 に移動して Page3 に戻ると、選択した値が保持されず、Page3 がデフォルト値にリセットされました。そのため、開発者の 1 人が Page3 で data-dom-cache="true" を使用するよう提案し、私の問題は解決されました。しかし、それは別の問題を引き起こしました。

Page1 -> Page2 -> Page3 (No problem)
Page3 -> Page2 (No problem)
Page2 -> Page3 (Problem! No data was displayed except Header, Footer, 
Logos and Select dropdown box)

Page3 から削除するdata-dom-cache="true"と、データは表示されますが、Page4 から再度アクセスすると、選択した値が失われます。

Page3 コード: http://jsbin.com/owodon/14/edit

//Code for triggering Page3 from Page2
$('.clsChangeLi').live("click", function () {
    var Pg3URL = $(this).attr("data-url");
    if (Pg3URL != null)
        $.mobile.changePage(Pg3URL, {
            transition: "flip",
            reloadPage: true
        });
});

//Code snippet for Page3
$('#CAL').live('pagebeforecreate', function (event) {
    var html = "";
    (AJAX request goes here and data is received in html variable)
    html = "Data returned by AJAX";
    $('#divContentCAL').append(html);
});

後で次のそれぞれを試しましたが、機能し$('#divContentCAL').append(html);ませんでした：

$('ul').listview('refresh');
$('#divContentCAL').listview('refresh');
$.fn.listview('refresh');

あなたの助けは大歓迎です...ありがとう。