title: Populating a jQuery UI modal box/dialog with another page?
body: <p>I'm trying to display a modal box with another page inside, but I just can't seem to get it to work. Here are two of my failed attempts:</p>
  
  <pre><code>$(document).ready(function() {
      $('#shraPop').click(function() {
          var src = "shra-pop.php";
          $.dialog('&lt;iframe src="' + src + '" height="450" width="830" style="border:0"&gt;');
  
          return false;
      });
  });
  </code></pre>
  
  <p>and</p>
  
  <pre><code>$(document).ready(function() {
      $('#shraPop').click(function() {
          var dialog = $('&lt;div&gt;&lt;/div&gt;').load("http://www.google.com");
          $(dialog).dialog();
          return false;
      });
  });
  </code></pre>
  
  <p>The jQuery dialog is working fine on it's on by the way, so I have included the right files. It just won't work when trying to load the page I'm trying to load.</p>
  
  <p>Any suggestions very welcome, thanks!</p>
  
  <p>jsFiddle: <a href="http://jsfiddle.net/ZpECL/1/" rel="nofollow">http://jsfiddle.net/ZpECL/1/</a></p>