title: FancyBox not triggering -
body: <p>I'm using multiple instances of jQuery fancyBox for a website I'm developing. It's located at the test URL of; <a href="http://youwontbelievewhathappened.com/Test/test.html" rel="nofollow">http://youwontbelievewhathappened.com/Test/test.html</a></p>
  
  <p>I've setup the majority of the fancy boxes within the site with this type of mark-up and call:</p>
  
  <p><strong>First Mark-Up:</strong></p>
  
  <pre><code>&lt;a href="#blogpostBox" title="Blog Post"&gt;Blog Post&lt;/a&gt;
  
          &lt;br /&gt;&lt;br /&gt;
  
  &lt;a href="#announcementBox" title="Announcement Box"&gt;Site Announcement&lt;/a&gt;
  </code></pre>
  
  <p><strong>Call to Content:</strong></p>
  
  <pre><code>  &lt;div class="fancybox"&gt;
      &lt;div id="blogpostBox" style="width:400px;height:100px;overflow:auto;"&gt;
      [This is the blog post]
      &lt;/div&gt;
    &lt;/div&gt; 
  
    &lt;div class="fancybox"&gt;
      &lt;div id="announcementBox" style="width:400px;height:100px;overflow:auto;"&gt;
      [This is the announcement]
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>But for the last two link I'm trying to trigger the fancy box for; this won't trigger it. It just loads '<code>#contentdiv</code>' at the end of the site's URL. It can't be the location as I've moved it outside of and tried it, with still no such luck. Any suggestions?</p>
  
  <p>The two troublesome links are located in the expandable right sidebar, labeled 'Click Me'</p>