title: jQuery FancyBox initialisation not working
body: <p>So I have a gallery of photos looking like this:</p>
  
  <pre><code>&lt;div id="gallery"&gt;
    &lt;a href="thumb1.jpg" class="fancybox"&gt;
      &lt;img class="item"  src="thumb1.jpg"&gt;
    &lt;/a&gt;
    ...
  &lt;/div&gt;
  </code></pre>
  
  <p>I initialise fancybox on my image links like so...</p>
  
  <pre><code>jQuery(document).ready(function() {
      jQuery('.fancybox').fancybox();
  });
  </code></pre>
  
  <p>...but nothing happens - clicking the images in my gallery simply links to the href'd image.</p>
  
  <p>I get no errors from the Chrome console, and <code>jQuery('.fancybox')</code> correctly selects all my <code>&lt;a&gt;</code> elements.</p>
  
  <p>Any ideas why fancybox seemingly does not work?</p>