title: magnific popup group do not working
body: <p>I'm using the <a href="http://dimsemenov.com/plugins/magnific-popup/" rel="nofollow">following tool</a> for my gallery and I've created the following HTML code:</p>
  
  <pre><code> &lt;div class="galerie"&gt;
     &lt;div&gt;&lt;a class="popup" href="path-to-large-image"&gt;&lt;img src="path-to-thumb"&gt;&lt;p&gt;legend&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;
     &lt;div&gt;&lt;a class="popup" href="path-to-large-image"&gt;&lt;img src="path-to-thumb"&gt;&lt;p&gt;legend&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;
     &lt;div&gt;&lt;a class="popup" href="path-to-large-image"&gt;&lt;img src="path-to-thumb"&gt;&lt;p&gt;legend&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Now I'd like to group these elements into one gallery. I've tried with this JavaScript code:</p>
  
  <pre><code> $('.popup').magnificPopup({
       delegate: 'a',
       type: 'image'
   });
  </code></pre>
  
  <p>Unfortunately this doesn't work.  Can anyone help?</p>