title: Jquery Modal Dialog does not load a page
body: <p>I have an html page which has below html content</p>
  
  <pre><code>&lt;div id="divBody"&gt;
      &lt;input type="text" id="txtUrl" value="http://www.google.com" /&gt;
      &lt;br /&gt;
      &lt;input type="button" id="btnShowPopup" value="Show Popup" onclick="Javascript:ShowPopup();" /&gt;
  &lt;/div&gt;
  &lt;div id="divPopup"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I do have a function ShowPopup as below:</p>
  
  <pre><code>function ShowPopup() {
      var page = "http://www.google.com";
      $('#divPopup').dialog({
          modal: true,
          open: function() {
              $(this).load(page);
          },
          close: function(e) {
              $(this).empty();
              $(this).dialog('destroy');
          },
          height: 625,
          width: 500,
          title: "Test Page"
      });
  }
  </code></pre>
  
  <p>I included all the jquery scripts as below:</p>
  
  <pre><code>&lt;script src="Scripts/JQuery.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="Scripts/jquery.ui.core.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="Scripts/jquery.ui.widget.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="Scripts/jquery.ui.mouse.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="Scripts/jquery.ui.draggable.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="Scripts/jquery.ui.position.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="Scripts/jquery.ui.resizable.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="Scripts/jquery.ui.button.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="Scripts/jquery.ui.dialog.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The title "Test Page" and the Close Button shows up. Why it does not load the google page, any ideas?</p>