title: Apply plugin to multiple DIVs
body: <p>I have the following:</p>
  
  <pre><code>&lt;div class="gallery"&gt;
    &lt;a href="http://via.placeholder.com/200x100?text=A1"&gt;
      &lt;img src="http://via.placeholder.com/200x100?text=A1"/&gt;
    &lt;/a&gt;
    &lt;a href="http://via.placeholder.com/200x100?text=A2"&gt;
      &lt;img src="http://via.placeholder.com/200x100?text=A2"/&gt;
    &lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div class="gallery"&gt;
    &lt;a href="http://via.placeholder.com/200x100?text=B1"&gt;
      &lt;img src="http://via.placeholder.com/200x100?text=B1"/&gt;
    &lt;/a&gt;
    &lt;a href="http://via.placeholder.com/200x100?text=B2"&gt;
      &lt;img src="http://via.placeholder.com/200x100?text=B2"/&gt;
    &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Then using <a href="http://dbrekalo.github.io/simpleLightbox" rel="nofollow noreferrer">http://dbrekalo.github.io/simpleLightbox</a> I have:</p>
  
  <pre><code>$('.gallery a').simpleLightbox();
  </code></pre>
  
  <p>But this makes the gallery to "see" all images in page as the same gallery.</p>
  
  <p>How should I call <code>simpleLightbox</code> so each Gallery Div is seen as a gallery?</p>
  
  <p>Note that I have more than two galleries in page.</p>