title: Unbind/Destroy fancybox 2 events
body: <p>I am having a strange issue, I have code that pulls content via ajax and then binds Fancybox (2) to certain elements. The issue is that when I "refresh" this page I call the same function that pulls and binds Fancybox again.</p>
  
  <p>My normal approach that has been working up until I changed to Fancybox 2 is to unbind the elements and rebind them. This however does not seem to be working with FB2.</p>
  
  <p>I have tried the following:</p>
  
  <pre><code>$('.tool_button').unbind('click.fb');
  $('.tool_button').unbind('click');
  $('.tool_button').unbind();
  $('.tool_button').off('click.fb');
  $('.tool_button').off('click');
  $('.tool_button').off();
  </code></pre>
  
  <p>I did notice the following in the source file which may be of use (starting line 652):</p>
  
  <pre><code>// Unbind the keyboard / clicking actions
      unbindEvents: function () {
          if (F.wrap &amp;&amp; isQuery(F.wrap)) {
              F.wrap.unbind('.fb');
          }
  
          D.unbind('.fb');
          W.unbind('.fb');
      }
  </code></pre>
  
  <p>If anyone could help here it would be much appreciated.</p>
  
  <p>Thanks in advance.
  Nick</p>