title: Fancybox iframe form
body: <p>I am trying to open a fancybox iframe with HTML content inside for now It is just a simple html document with text but it will eventuallly be a form however when i click to test it, it simply opens up the other HTML document. how do I make it so that it opens up the html doc in an iframe. here is my html with the includes and button link that should open up the HTML in the fancybox:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="css/styles.css"&gt;
  &lt;link rel="stylesheet" href="/js/source/jquery.fancybox.css" type="text/css"     media="screen" /&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&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="/js/source/jquery.fancybox.pack.js"&gt;&lt;/script&gt;
  &lt;script language="javascript" type="text/javascript" src="/js/source/vpb_script.js"&gt;&lt;/script&gt;
  
  &lt;body&gt;
  
  &lt;div id = "signup"&gt;&lt;div&gt;&lt;center&gt;&lt;a class = "fancybox fancybox.iframe" href="form.html"&gt;      &lt;img src="images/sign-up.png" width="216" height="65" /&gt;&lt;/a&gt;&lt;/center&gt;&lt;/div&gt;&lt;/div&gt;
  
   &lt;/div&gt;
  
  
  
  &lt;/div&gt;
  &lt;script type=”text/javascript”&gt;
  $(document).ready(function() {
  $(".fancybox").fancybox({
  width : '70%',
  height : '70%’
  }); 
  });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Please help :)</p>