jquery - Jquery Mobile 'data-role="page"' の概念 - Jqplot

Question

ユーザー入力を使用してグラフを作成しています。値が変更されるたびに更新します。同じページで機能しますが、チャートを別のデータロールページに配置しようとすると機能しません。ページを変更する際に考慮すべきことはありますか? 私が明確だったかどうかはわかりません..これが私のコードです:

 <div data-role="page" id="charttest">      
      <input id="userchart">
     <input id="userchart2">
     <input type="button" id="savechart" value="Save"/>
      <a href="#chartresult" data-role="button" data-icon="">Chart Restult</a>
  </div>
 <div data-role="page" id="chartresult">
      <div id="chartdiv" style="width:30%;"></div>            
</div>

と

$(document).ready(function(){
$('#savechart').click(function(){
num = $('#userchart');
num2 = $('#userchart2');
tochart = num.val();
tochart2 = num2.val();
chartingg();
});
function chartingg(){
     $.jqplot.config.enablePlugins = true;

    var s1 = [tochart, tochart2];
    var ticks = ['Teste', 'Teste 2'];   

    var plot = $.jqplot('chartdiv', [s1], {

     seriesDefaults: {renderer:$.jqplot.BarRenderer},
     axes:{xaxis:{renderer:$.jqplot.CategoryAxisRenderer,
      ticks:ticks
       }

      }
     });

     plot.data = [s1];
                plot.replot({resetAxes:true});

    }

});

chartdiv を #charttest に変更すると機能します...なぜページをまたいで機能しないのですか?