title: Fancybox: iframe doesn't work
body: <p>Very simple test.html page:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Test&lt;/title&gt;
  
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="fancybox/jquery.fancybox.pack.js"&gt;&lt;/script&gt;
  
      &lt;link rel="stylesheet" href="fancybox/jquery.fancybox.css" type="text/css" media="screen"/&gt;
  
      &lt;script type="text/javascript"&gt;
          $(document).ready(function () {
              /* This is basic - uses default settings */
  
              $("a.iframe").fancybox();
  
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;a class="iframe" href="http://www.google.be/"&gt;This goes to iframe&lt;/a&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Yet, fancybox just won't work... The references to the js file and css are correct. JQuery functions normally. But clicking the link acts just a normal link. Ie: I get redirect to google.be. FYI: It's not just with google, it's with every single URL I put there. What am I missing here?</p>