title: Generate Swipe JS slider for each slider DIV
body: <p>I'll start off by saying I'm not a programmer, I'm a designer. I have a limited knowledge of jQuery, though with enough tinkering I can often get what I need to work. So bear with me here.</p>
  
  <p>I'm making a site (likely powered by Wordpress) that will have multiple sliders on a single page. I've managed to get Swipe JS to work just fine with one slider but I need some bit of a code that searches for all my slider DIVs and creates a new Swipe object for them.</p>
  
  <p>The bit of code I used for one slider was "var slider = new Swipe(document.getElementById('slider'));" but that won't work for multiple sliders.</p>
  
  <p>Structure of the HTML looks like this:</p>
  
  <pre><code>&lt;div class="slider"&gt;
      &lt;ul&gt;
          &lt;li style="display:block;"&gt;&lt;img src="01.jpg"&gt;&lt;/li&gt;
          &lt;li style="display:none;"&gt;&lt;img src="02.jpg"&gt;&lt;/li&gt;
          &lt;li style="display:none;"&gt;&lt;img src="03.jpg"&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;a class="prev" href="#" onclick='slider.prev();return false;'&gt;prev&lt;/a&gt; 
      &lt;a class="next" href="#" onclick='slider.next();return false;'&gt;next&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'd appreciate any help you guys can give. Thanks!</p>