title: How can I have multiple "Swiper" slideshows on a single page
body: <p>I'm using <a href="http://www.idangero.us/swiper/get-started/#.VdXau_TA8mE" rel="nofollow noreferrer">Swiper Slideshow</a>. I'm using <a href="http://www.idangero.us/swiper/demos/02-responsive.html" rel="nofollow noreferrer">this particular version</a>. Here's <a href="https://github.com/nolimits4web/Swiper/blob/master/demos/02-responsive.html" rel="nofollow noreferrer">the exact code</a> I'm using.</p>
  <p>When adding a second &quot;Swiper&quot;, the pagination doesn't work properly.</p>
  <p>I tried giving a different class to the second &quot;swiper&quot; container but it didn't work.</p>
  <p>How can I have two of this in the same page?</p>
  <p>Thanks.</p>