title: jQuery idangerous swipper plugin: error in selector?
body: <p>I want to enable the swiper for touch devices to change pictures on my galleries:</p>
  
  <p>The galleries markup is like this:</p>
  
  <pre><code>&lt;div class="gallery"&gt;
      &lt;a href="http://localhost:8104/files/pic-spa-01.jpg" data-rel="gallery-1" style="background-image: url('http://localhost:8104/files/pic-spa-01-750x750.jpg')"&gt;&lt;/a&gt;
      &lt;a href="http://localhost:8104/files/pic-spa-02.jpg" data-rel="gallery-1" style="background-image: url('http://localhost:8104/files/pic-spa-02-750x750.jpg')"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I am trying like this:</p>
  
  <pre><code>if ( Modrnizer.touch ) {
              $.getScript(base_url + "/js/idangerous.swiper-2.1.min.js?p1", function () {
  
                  //Main Swiper
                  swiper = new Swiper('.gallery', {
                      onSlideChangeStart: function(){
  
                      }
                  });
  
              })
  }
  </code></pre>
  
  <p>But I get this error:</p>
  
  <p>Uncaught TypeError: Cannot read property 'childNodes' of undefined </p>
  
  <p>And as there are more than one <code>.gallery</code> instances I tried:</p>
  
  <pre><code>$.getScript(base_url + "js/idangerous.swiper-2.1.min.js?p1", function () {
      //Main Swiper
      swiper = new Swiper('.gallery:eq(0)', {
          onSlideChangeStart: function(){
  
          }
      });
  })
  </code></pre>
  
  <p>but then the error becomes:</p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'childNodes' of undefined VM1007:47
  </code></pre>
  
  <p>So anyone knows what am I doing wrong?</p>
  
  <p>In this fiddle I even get a different error..</p>
  
  <p><a href="http://jsfiddle.net/9VBha/118/" rel="nofollow">http://jsfiddle.net/9VBha/118/</a></p>