title: multiple pop-up windows in Jquery Rqin
body: <p>I am using query rain to create pop-up windows, but I can't seem to figure out why when I click on the button for the second window to appear, the first pop-up window content appears even though they have different IDs.</p>
  
  <p>Here is the code I am working with:</p>
  
  <pre><code>&lt;body&gt;
  
  &lt;!-- button to open the popup --&gt;
    &lt;button class="my_popup_open"&gt;Open popup&lt;/button&gt;
  
    &lt;!-- Add content to the popup --&gt;
  &lt;div id="my_popup"&gt;
  
      ...First pop-up...
  
      &lt;!-- Add an optional button to close the popup --&gt;
      &lt;button class="my_popup_close"&gt;&lt;/button&gt;
  
  &lt;/div&gt;
  
  
  &lt;!-- button to open the popup --&gt;
    &lt;button class="my_popup_open"&gt;Open Second popup&lt;/button&gt;
  
    &lt;!-- Add content to the popup --&gt;
  &lt;div id="my_popupTwo"&gt;
  
      ...Pop-up NUMBER TWO...
  
      &lt;!-- Add an optional button to close the popup --&gt;
      &lt;button class="my_popup_close"&gt;&lt;/button&gt;
  
  &lt;/div&gt;
  
  
    &lt;!-- Include jQuery --&gt;
    &lt;script src="http://code.jquery.com/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
  
    &lt;!-- Include jQuery Popup Overlay --&gt;
    &lt;script src="http://vast-engineering.github.io/jquery-popup-overlay/jquery.popupoverlay.js"&gt;&lt;/script&gt;
  
    &lt;script&gt;
      $(document).ready(function() {
  
        // Initialize the plugin
        $('#my_popup').popup({
          opacity: 0.7,
          transition: 'all 0.3s'
          });
  
          // Initialize the plugin
        $('#my_popupTwo').popup({
          opacity: 0.7,
          transition: 'all 0.3s'
          });
  
      });
    &lt;/script&gt;
  
  
  &lt;/body&gt;
  </code></pre>
  
  <p>Any suggestions much appreciated!!</p>