title: mySwiper is not defined with jquery and cordova
body: <p>I work with cordova and jquery, and i try to use Swiper by idangero.</p>
  
  <p>I tried to do this :</p>
  
  <pre><code>$(document).ready(function () {
      //initialize swiper when document ready
      var mySwiper = new Swiper ('.swiper-container', {
      // Optional parameters
      autoplay: ‘3000’,
      loop: true
      })
  });
  </code></pre>
  
  <p>but when i call it in this part:</p>
  
  <pre><code>$(document).on('pagebeforeshow', ‘#listDetail’, function(){
      … some codes …
      if(row.pictures != ''){
          var numslide = mySwiper.slides.length;
          mySwiper.appendSlide(slidecontent);
          for (var i = 0; i &lt; numslide; i++) {
              mySwiper.removeSlide(0);
          }
          mySwiper.updateSlidesSize();
      }else{
          mySwiper.removeAllSlides();
      }
      … some codes …
  });
  </code></pre>
  
  <p>i have this <strong>Uncaught ReferenceError: mySwiper is not defined</strong> message.</p>
  
  <p>Any idea?</p>
  
  <p>Thank you</p>