jQuery mobile ajax køre efter navigere væk fra side

Hej

Har en timer der kalder data.php hvert sek og smider output i en div container.

Den skulle så stoppe timeren og kalde data.php nårr man navigere væk fra siden.. Det gør den også første gang ! hvis jeg navigere til denne side igen så stopper den ikke timeren anden gang!!!

Virker altså kun første gang :(

det er site lavet med jquery mobile

<div data-role="page" id="foo">

  <div data-role="content">
    <script type="text/javascript">
   
        var myInterval;
        $(document).delegate('#foo', 'pageshow', function () {

            var $this = $(this);

            myInterval = setInterval(function(){
             
            $.ajax({
            type: "GET",
            url: "data.php?action=data",
            dataType: 'html',
            success: function(html){
                $('#ReloadThis').html(html).trigger( "create" );
            }
          });
                 
          }, 1000);
        }).delegate('#foo', 'pagehide', function () {
            clearInterval(myInterval);
        });           
   
    </script>
    <div id="ReloadThis">&nbsp;</div>
  </div><!-- /content -->

</div><!-- /page -->