title: How to close fancybox from child window?
body: <p>parent link:</p>
  
  <pre><code>&lt;a href="feedback.php" id="feed"&gt;Provide your feedback here&lt;/a&gt;
  </code></pre>
  
  <p>jQuery code to initiate fancybox is...</p>
  
  <pre><code>$("#feed").fancybox();
  </code></pre>
  
  <p>codes in feedback.php...</p>
  
  <pre><code>      &lt;html&gt;
          &lt;head&gt;
  &lt;script language="javascript"&gt;    
  $(document).ready(function(){
      $("#feed_submit").click(function(){
      //Name is alerted
      alert($("#name").val());
  
      //code to close fancy box(Not working)
      $.fancybox.close();
  
      });
      });
  &lt;/script&gt;
          &lt;/head&gt;
          &lt;body&gt;
          &lt;form method="post" name="feedback" id="feedback" action=""&gt;
                  &lt;div&gt;
                      &lt;label&gt;name&lt;/label&gt;
                      &lt;input type="text" name="name" id="name"/&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                      &lt;label&gt;feedback&lt;/label&gt;
                      &lt;input type="text" name="content" id="content"/&gt;
                  &lt;/div&gt;
          &lt;div&gt;&lt;input type="button" name="feed_submit" id="submit" value="submit"&gt;&lt;/div&gt;
      &lt;/form&gt;    
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p><strong>Once submit button is clicked i need to close fancy box in this page itself with jquery</strong></p>
  
  <p>i have tried using </p>
  
  <pre><code>$.fancybox.close();
  parent.$.fancybox.close();
  </code></pre>
  
  <p>But this doesn't work for me. If there is any option to close inside this ajax form please let  me know.</p>