title: Hovertext removal using fancybox2.0
body: <p>My friends involved with the website <a href="http://thetutuproject.com/" rel="nofollow">http://thetutuproject.com/</a> and as you can see there is markup displayed in the hover text. Now I've tried the fix using </p>
  
  <p>script: </p>
  
  <pre><code>$(document).ready(function() {
      $(".fancybox").fancybox({
          helpers: { title: false}
      });
  }); 
  </code></pre>
  
  <p>link: </p>
  
  <pre><code>&lt;a rel="group" class="fancybox" href="001.jpg" title="derp"&gt;
      &lt;img src="images/thumbs/001.jpg" width="140"/&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>divs: </p>
  
  <pre><code>&lt;div id="fancyboxTitles" style="display: none;"&gt;
      &lt;div&gt;fancybox title one&lt;/div&gt;
      &lt;div&gt;fancybox title two&lt;/div&gt;
      &lt;div&gt;fancybox title three&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>That JFK suggested</p>
  
  <p>But I have had absolutely no success. It still displays the title in the fancybox popup as "derp" or whatever text is in the title portion of that link. Any help would be greatly appreciated. The only other way I can think to fix this is put each image in a separate web page, but that way I don't think you could scroll between them.</p>
  
  <p>Thanks</p>