title: jQuery show unique popup for each link clicked
body: <p>I have a series of links on my page, each link has a unique id: <code>library_vid_link-UNIQUE_ID</code>. When clicked, I want to show a popup which shows information unique to that link.</p>
  
  <p>For each link, I have a hidden popup, which, when clicked, the popup is displayed. The popup also has a unique id: <code>less_preview_popup-UNIQUE_ID</code> (the unique id for the link and popup both match).</p>
  
  <p>Here is a sample of my html code:</p>
  
  <pre><code>&lt;a href="#" class="library_vid_link" id="library_vid_link-801"&gt;CLICK HERE FOR MORE INFO
  &lt;/a&gt;
  
  &lt;div class="lesson_preview_popup" id="lesson_preview_popup-801"&gt;
      THIS IS THE POPUP
  &lt;/div&gt;
  
  &lt;a href="#" class="library_vid_link" id="library_vid_link-802"&gt;CLICK HERE FOR MORE INFO
  &lt;/a&gt;
  
  &lt;div class="lesson_preview_popup" id="lesson_preview_popup-802"&gt;
      THIS IS THE POPUP 2
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the jquery i'm currently using:</p>
  
  <pre><code>jQuery('.library_vid_link').click(function( event ) {
      event.preventDefault();
      $('.lesson_preview_popup').css('top', '25%');
      $('body').addClass('no-scroll'); 
  });
  </code></pre>
  
  <p>The issue I'm having is that when I click on a link, ALL the popups show, not just the one that relates to the link clicked. Is there a way to target the popup that belongs to the link clicked?</p>