Closing the overlay from an iFrame
<p>I'm using the overlay function of jQuery with an iframe, but the close button is working when trying to close the overlay.</p>

<pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
    &lt;!-- include the Tools --&gt;
    &lt;script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"&gt;&lt;/script&gt;

&lt;script&gt;
$(document).ready(function() {
// select the overlay element - and "make it an overlay"

$("#NLRegister").overlay({
       // custom top position
       top: 10,
       // some mask tweaks suitable for facebox-looking dialogs
       mask: {
           // you might also consider a "transparent" color for the mask
           color: '#111314',
           // load mask a little faster
           loadSpeed: 200,
           // very transparent
           opacity: 0.5
       },

       // disable this for modal dialog-type of overlays
       closeOnClick: false,

       // load it immediately after the construction
       load: true
   });
});
</code></pre>

<p>The close button in in iframe page but the: Div Element with the id: "NLRegister" is on the opener page.</p>

<p>How can I get this working pls.?</p>

<p>Many Thanks!
Amin</p>
