jquery - jquery mobileはマルチページのフッターを動的に変更します

Question

私のモバイルアプリでは、マルチページレイアウト（1つのhtml、複数のページ）でjquery mobileを使用しています。同じフッター ID を持つすべてのページでフッターを参照しました。ページの 1 つで、フッター テキストが変更されます。複数ページのjqueryモバイルアプリの他のページにある他のすべてのフッターにこの変更を反映する方法。

    <div data-role="page" id="page1">
  <header data-role="header"></header>      
      <div class="content" data-role="content"></div>
  <footer id="myfooter" data-role="footer"</footer>
    </div>
    <div data-role="page" id="page2">
  <header data-role="header"></header>      
      <div class="content" data-role="content"></div>
  <footer id="myfooter" data-role="footer"</footer>
    </div>
    <div data-role="page" id="page3">
  <header data-role="header"></header>      
      <div class="content" data-role="content"></div>
  <footer id="myfooter" data-role="footer"</footer>
    </div>  

2 ページ目で、ユーザーが日付を選択すると、この日付がページ 2 のフッターに含まれます。

    $('#page2' ).bind('pageshow',function(event){   
       var infoFooter = '<center>Date: ' + date_footer + '</center>';
       $('#myFooter').empty().append(infoFooter);
    });

この変更をすべてのページのすべてのフッターに反映するにはどうすればよいですか?