title: How to disable / remove / unbind a jQuery Overlay?
body: <p>I create a jQuery Tool's Overlay on a trigger as such:</p>
  
  <pre><code>$('button').overlay(
  {
   ... 
  });
  </code></pre>
  
  <p>How can I disable and re-enable the overlay later on ?  I want my <code>$('button')</code> element to remain as a link, but instead of displaying the Overlay on click, I want to show an alert ?</p>
  
  <p>Something like that :</p>
  
  <pre><code>if( needToDisableOverlay() )
  {
     $('button').overlay().disable(); // no such thing...
     $('button').bind( 'click.alert', function()
     {
        alert( 'The overlay has been disabled' );    
     });
  }
  // later on
  if( needToEnableOverlay() )
  {
      $('button').unbind( 'click.alert' );
      $('button').overlay().enable(); // no such thing...
  }
  </code></pre>
  
  <p>I know I can use</p>
  
  <pre><code>$('button').unbind('click');
  </code></pre>
  
  <p>to remove <em>all</em> click handlers from the button (including the Overlay <strong>load()</strong> function), but I don't think this is a clean way of doing it especially if I have other click handlers I want to maintain.</p>
  
  <p>Maybe I can use flag in the Overlay's <strong>onBeforeLoad</strong> handler and return false if the flag is set ?</p>
  
  <p>What is the proper of achieving this ?  </p>