title: Magnific-Popup: Get dynamic content from clicked element
body: <p>I have a row of tiles which contain hidden content. I'm using <a href="http://dimsemenov.com/plugins/magnific-popup/" rel="nofollow">Magnific-Popup</a> to fetch the content and add to the lightbox, which I seemt be able to do but I keep gettin the contents from all and not from the clicked element. </p>
  
  <p>My question is: How do I get just the content from the clicked element, only?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="tile"&gt;
     &lt;div class="mfp-hide tile-info"&gt;&lt;p&gt;One&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="tile"&gt;
      &lt;div class="mfp-hide tile-info"&gt;&lt;p&gt;Two&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="tile"&gt;
      &lt;div class="mfp-hide tile-info"&gt;&lt;p&gt;Three&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="tile"&gt;
      &lt;div class="mfp-hide tile-info"&gt;&lt;p&gt;Four&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery</p>
  
  <pre><code>$('.tile').magnificPopup({
      items: {
      src: '.tile-info',
      },
      type: 'inline'
  });
  </code></pre>
  
  <p>Here's the fiddle</p>
  
  <p><a href="http://jsfiddle.net/8csham4u/39/" rel="nofollow">http://jsfiddle.net/8csham4u/39/</a></p>