title: swiper pagination brakes after page change on jquery mobile
body: <p>I'm using <a href="http://www.idangero.us/sliders/swiper/" rel="nofollow">iDangerous Swiper</a> library to display a mobile swipe touch gallery in conjunction with <a href="http://jquerymobile.com" rel="nofollow">Jquery Mobile</a> framework. 
  It works fine except that if I leave the index page (where the gallery is) and then come back, the pagination widget doesn't work properly. It still appears (I can see the bullets), and it's still clickable, i.e. if I "touch" a bullet the gallery swipes to the correspondent slide and the bullet becomes "active", but it doesn't work the reverse way, in other words it doesn't respond to slide changes:  if I swipe through the slides the current active bullet does not update.</p>
  
  <p>this is the initialization code:</p>
  
  <pre><code>$( document ).on( "pageshow", "#index-page", function( event ) {
  
      var mySwiper = new Swiper('.swiper-container',{
          pagination: '.pagination',
          paginationClickable: true,
          slidesPerView: 'auto'
      });
  
  });
  </code></pre>
  
  <p>The page are linked with jquery mobile's <strong>data-ajax="true"</strong> attribute to preserve the global scope. </p>