title: SimpleModal load external HTML page in dialog
body: <p>Is it possible to load an external HTML file into a variable and then use this variable to load the SimpleModal dialog? Something like this:</p>
  
  <pre><code>$(document).ready(function($) {
      var externalPage $.get("Renderer.htm");
  
      $('#basic-modal .basic').click(function(e) {
          $(externalPage).modal();
  
          return false;
      });
  });
  </code></pre>
  
  <p>An alternative solution (that works) is loading the external HTML file in a hidden div and then use this to load the dialog.</p>
  
  <pre><code>$(document).ready(function($) {
      $('#simplemodal-content').hide(); // or hide in css
      $('#simplemodal-content').load("Renderer.htm");
  
      $('#basic-modal .basic').click(function(e) {
          $('#simplemodal-content').modal();
  
          return false;
      });
  });
  </code></pre>
  
  <p>However if I take this approach the css defined for the external page can interfere with my local page and thus change the layout, which is <strong>not desired</strong>.</p>
  
  <p>If there's a 3rd solution that's better than these approaches, please share.</p>
  
  <p>PS: sadly it also has to work perfectly in IE6.</p>