title: Fancybox hideOnContentClick does not work
body: <p>I am trying to integrate fancybox, with the following setting. I am linking a group of links on my page. On each page, there is an "add to cart" button, which triggers an AJAX event to add the product to the shopping cart, whenever this button is clicked, fancybox closes, but I would like to have it stay. I have used hideOnContentClick, but doesn't seem to work. Please help me. I have also tried going to the jquery.fancybox-1.3.4.js to comment out the belows, but still doens't work:</p>
  
  <pre><code>        if (currentOpts.hideOnContentClick) {
              content.bind('click', $.fancybox.close);
          }
  </code></pre>
  
  <p>Here below is my script:</p>
  
  
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen" /&gt; 
  
  &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
  
          $("a[rel=example_group]").fancybox({
              'hideOnContentClick': false,
              'overlayColor'      : '#5B8FE2',
              'overlayOpacity'    : '0.2',
              'centerOnScroll' : 'true',
              'scrolling'         : 'no',
              'autoDimensions'    : false,
              'transitionIn'      : 'none',
              'transitionOut'     : 'none',
              'titlePosition'     : 'outside',
              'autoScale'         : false,
              'height'            : '500',                    
              'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                  return '&lt;span id="fancybox-title-over"&gt;Product ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &amp;nbsp; ' + title : '') + '&lt;/span&gt;';
              }
          });
                                 });
  &lt;/script&gt;
  </code></pre>