title: Multiple Colorbox instances on the same page. How can I set a callback to affect only a certain one?
body: <p>I have a page with multiple instances of jQuery Colorbox on it. The page is a calendar which displays events, and when an event is clicked, a colorbox pops up with event information.</p>
  
  <pre><code>eventClick: function(id) { #.colorbox({href:...}); }
  </code></pre>
  
  <p>Also on the page, I have a button which allows users to change some settings relating to the calendar, and that fires a different instance of Colorbox.</p>
  
  <pre><code>$('#showFilter').on('click', function() {$.colorbox({inline:true, href:...});
  </code></pre>
  
  <p>Currently, I have the following script on my page:</p>
  
  <pre><code>$(document).bind('cbox_closed', function(){ refetchEvents(); });
  </code></pre>
  
  <p>I added this code so that when the user closes the 'showFilter' popup, some page data will  refreshe itself.  Unfortunately, the above callback, being bound to the document, is executed when both colorboxes are closed.  </p>
  
  <p>Is there any way to limit the scope of the callback so that it fires when only the second colorbox popup is closed?</p>