title: Simplemodal - iframe won't close
body: <p>I'm using simplemodal from <a href="http://www.ericmmartin.com/projects/simplemodal/" rel="nofollow">http://www.ericmmartin.com/projects/simplemodal/</a>.</p>
  
  <p>The problem I'm having is that I can't close the iframe once it's open.</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
  
  // Route Which Page
  
  $.modal('&lt;iframe src="&lt;?= $src ?&gt;" height="230" width="550" style="border:0"&gt;', {
      closeHTML:"&lt;a href='#' title='Close' class='modal-close'&gt;x&lt;/a&gt;",
      containerCss:{
          backgroundColor:"#eee",
          borderColor:"#ddd",
          height:230,
          padding:0,
          width:550
      },
      overlayClose:false
  });
  
      /* When #btnClose is clicked, close the modal */    
      $('#disagree').on("click", function(event){
          parent.$.modal.close();
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Pops up and work great, just can't get the popup to close! I have used all google's ideas just wont close. I can get it to close, which it flickers then opens a second iframe under.</p>
  
  <p>I've used the following code to close:</p>
  
  <pre><code>/* When #btnClose is clicked, close the modal */    
  $('#disagree').on("click", function(event){
      $.modal.close();
  });
  
  
  /* When #btnClose is clicked, close the modal */    
  $('#disagree').on("click", function(event){
      parent.$.modal.close();
  });
  
  &lt;a href="#" title="Close" class="modal-close simplemodal-close"&gt;x&lt;/a&gt;
  </code></pre>
  
  <p>The actual modal settings:</p>
  
  <pre><code>closeHTML:"&lt;a href='#' title='Close' class='modal-close'&gt;x&lt;/a&gt;",
  </code></pre>
  
  <p>Works fine, but I need action buttons to close which are inside of the iframe which is being loaded.</p>
  
  <p>Any ideas or help would be amazing!</p>