title: jQuery Mobile 'Breaks' Flexi Slider when User Returns to Home Page
body: <p>I have been developing my first mobile site with jQuery Mobile and you can see it here:</p>
  
  <p><a href="http://m.4playtheband.co.uk/index.php" rel="nofollow">http://m.4playtheband.co.uk/index.php</a></p>
  
  <p>The slider works fine when you first visit the site but if you navigate to another page and go back the slider doesn't work.</p>
  
  <p>I believe this is because the defualt jQuery Mobile navigation is done in a kind of AJAX-y way so the slider needs re-initialised which isn't happening at the moment.</p>
  
  <p>These are the scripts from my header:</p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-1.6.4.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.flexslider-min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" charset="utf-8"&gt;
      $(window).load(function() {
          $('.flexslider').flexslider({
              animation: "fade",
              slideDirection: "horizontal",
              slideshow: true,
              slideshowSpeed: 7000,           
              animationDuration: 500
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Since I am only using version 1.6.4 then the <code>.live</code> function should still work which I think will fix it but I can't figure out which event to use?</p>
  
  <p>If someone could help I would much appreciate it.</p>