title: Swiper not working when there is extra div between swiper-contaIner, wrapper and slide
body: <p>I am trying to implement swipe functionality for mobile view of our website.
  I am using idangero swiper for that.
  But problem is when there is extra div with other class in between any div containing class -'swiper-container', 'swiper-wrapper' and 'swiper-slide' it does not work.
  Such as below code</p>
  
  <pre><code>&lt;div class="swiper-container"&gt;
          &lt;div class="swiper-wrapper"&gt;
              &lt;div class="another-div"&gt;
                  &lt;div class="swiper-slide"&gt;Slide 1&lt;/div&gt;
                  &lt;div class="swiper-slide"&gt;Slide 2&lt;/div&gt;
                  &lt;div class="swiper-slide"&gt;Slide 3&lt;/div&gt;
                  &lt;div class="swiper-slide"&gt;Slide 4&lt;/div&gt;
                  &lt;div class="swiper-slide"&gt;Slide 5&lt;/div&gt;
                  &lt;div class="swiper-slide"&gt;Slide 6&lt;/div&gt;
                  &lt;div class="swiper-slide"&gt;Slide 7&lt;/div&gt;
                  &lt;div class="swiper-slide"&gt;Slide 8&lt;/div&gt;
                  &lt;div class="swiper-slide"&gt;Slide 9&lt;/div&gt;
                  &lt;div class="swiper-slide"&gt;Slide 10&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>We are using AEM for authoring of web components and AEM authoring components adds extra divs. So can not remove those.</p>
  
  <p>Any help to make it work with extra div is appreciated.</p>