title: Colorbox Opens Twice/Multiplication
body: <p>I have a problem using colorbox. I want to open attachment page in WP via colorbox. The page has several image with different size(landscape &amp; portrait), so colorbox's width and height have to be flexible. Using default dataType is working, but when I clicked the image for the second times, it seems that the last colorbox wasn't close properly. As a result it has two colorbox running. The colorbox do a multiplication each time I click the image. Any idea how to solve this problem? Thank you.</p>
  
  <pre><code>&lt;script&gt;
    $(document).ready(function(){
      $('.lightbox').colorbox();
    });
  &lt;/script&gt;
  
  
  &lt;div class='image-wrap'&gt;
    &lt;dl class='gallery-item'&gt;
      &lt;dt class='gallery-icon'&gt;
        &lt;a class="lightbox" href='http://localhost/Maize/?attachment_id=122' title='8'&gt;
          &lt;img width="250" height="190" src="http://localhost/Maize/wp-content/uploads/2013/04/8-250x190.jpg" class="attachment-thumbnail" alt="8" /&gt;
        &lt;/a&gt;
      &lt;/dt&gt;
    &lt;/dl&gt;
    &lt;dl class='gallery-item'&gt;
      &lt;dt class='gallery-icon'&gt;
         &lt;a class="lightbox" href='http://localhost/Maize/home/home-page/attachment/7/' title='7'&gt;
           &lt;img width="250" height="190" src="http://localhost/Maize/wp-content/uploads/2013/04/7-250x190.jpg" class="attachment-thumbnail" alt="7" /&gt;
         &lt;/a&gt;
      &lt;/dt&gt;
    &lt;/dl&gt;
  &lt;/div&gt;
  </code></pre>