title: LightBox not Calling html form
body: <p>I have a simple example i am using FancyBox for the light box. I have a form configure to use FancyBox. One link is a picture that shows up in the light box when i click it, that works perfect for me. I also have a simple .html form however when i click on it, it doesn't show in the lightbox nor is it redirected to the form. Under is my code:</p>
  
  <p><strong>Menu Form.html</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;fancyBox - Fancy jQuery Lightbox Alternative | Demonstration&lt;/title&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
  
      &lt;!-- Add jQuery library --&gt;
      &lt;script type="text/javascript" src="../lib/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- Add mousewheel plugin (this is optional) --&gt;
      &lt;script type="text/javascript" src="../lib/jquery.mousewheel-3.0.6.pack.js"&gt;&lt;/script&gt;
  
      &lt;!-- Add fancyBox main JS and CSS files --&gt;
      &lt;script type="text/javascript" src="../source/jquery.fancybox.js?v=2.1.2"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="../source/jquery.fancybox.css?v=2.1.2" media="screen" /&gt;
  
      &lt;!-- Add Button helper (this is optional) --&gt;
      &lt;link rel="stylesheet" type="text/css" href="../source/helpers/jquery.fancybox-buttons.css?v=1.0.5" /&gt;
      &lt;script type="text/javascript" src="../source/helpers/jquery.fancybox-buttons.js?v=1.0.5"&gt;&lt;/script&gt;
  
      &lt;!-- Add Thumbnail helper (this is optional) --&gt;
      &lt;link rel="stylesheet" type="text/css" href="../source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" /&gt;
      &lt;script type="text/javascript" src="../source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"&gt;&lt;/script&gt;
  
      &lt;!-- Add Media helper (this is optional) --&gt;
      &lt;script type="text/javascript" src="../source/helpers/jquery.fancybox-media.js?v=1.0.4"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
  
      $(document).ready(function() {
  
              $('#regForm').click(function() {
                  $.fancybox({
                          'href' : 'form.html'
                      });
  
                  return false;
              });
  
              $('#pic').click(function() {
                  $.fancybox({
                          'href' : 'http://en.gtwallpaper.com/fondecran/chiens/chiens_01.jpg'
                      });
  
                  return false;
              });
  
          });
  
  
      &lt;/script&gt;
      &lt;style type="text/css"&gt;
          .fancybox-custom .fancybox-skin {
              box-shadow: 0 0 50px #222;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;a id ="regForm" href="form.html" &gt;form&lt;/a&gt;
  
      &lt;a id ="pic" href="http://4.bp.blogspot.com/-ZdjEZ8qqBq0/UA2dNK8JYDI/AAAAAAAAAJ8/31bh4BzcA6E/s400/Dog-1.jpg" &gt;dog&lt;/a&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>form.html</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;label&gt;Name&lt;/label&gt;&lt;input type="text" /&gt;
      &lt;label&gt;Password&lt;/label&gt;&lt;input type="text" /&gt;
      &lt;input type="submit"/&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>