title: jQuery popup box only show once in foreach loop
body: <p>First, let me explain the purpose of the popup. I have a list from a database of products, in a foreach loop.</p>
  
  <p>Now I added code so that when you click the product, it opens a new box and shows content about this product. But for some reason, it only works on the first product. </p>
  
  <p>I will post the code here, since I am very bad at jQuery/Javascript.
  Here is the jquery script:</p>
  
  <pre><code>;(function($) {
       // DOM Ready
      $(function() {
          // Binding a click event
          // From jQuery v.1.7.0 use .on() instead of .bind()
          $('#wiki-button').on('click', function(e) {
              // Prevents the default action to be triggered. 
              e.preventDefault();
              // Triggering bPopup when click event is fired
              $('#wiki-content').bPopup();
          });
      });
  })(jQuery);
  </code></pre>
  
  <p>A snippet from the loop:</p>
  
  <pre><code>foreach ($getTheOffers as $getTheOffer ) { ?&gt;
  &lt;div id="wiki-content"&gt;
          &lt;div class="box9"&gt;
              &lt;h1&gt;Sample Box&lt;/h1&gt;   
                  &lt;img src="imageurl"&gt;
              &lt;p&gt; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam luctus consectetur dolor a porttitor. Curabitur id sem sed ante fringilla pulvinar et id lectus. Nullam justo ipsum, hendrerit ut commodo nec, pellentesque nec erat. Pellentesque pharetra.&lt;/p&gt;&lt;br/&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;?php } ?&gt;
  </code></pre>
  
  <p>If you need to see more code, I will post it in pastebin.</p>