title: jQuery UI Dialog using iframe URL
body: <p>I've used nyroModal and Fancybox as tools for websites but in this instance I must use jQuery UI's dialog tool. I need this dialog to load a page. I believe I've done this before but everything I come across seems more complex than it should be. Can't I use something like...</p>
  
  <pre><code>$( "#dialog" ).dialog({
        autoOpen: false,
        modal: true,
        url: http://www.google.com
        });
  
  &lt;button id="dialog"&gt;Open Dialog&lt;/button&gt;
  </code></pre>
  
  <p>and have the page open in a simple iframe? Thanks in advance.</p>
  
  <hr>
  
  <p>I did find that I have this code, </p>
  
  <pre><code>&lt;script&gt;
    //$.fx.speeds._default = 500;  
    $(function() {    
      $( "#dialog" ).dialog({      
      autoOpen: false,      
      show: "fade",   
      hide: "fade",
              modal: true,            
              open: function () {$(this).load('nom-1-dialog-add-vessels.html');},                     
              height: 'auto',            
              width: 'auto',        
              resizable: true,    
              title: 'Vessels'    });     
  
      $( "#opener" ).click(function() {      
      $( "#dialog" ).dialog( "open" );      
      return false;   
      });  
    });  
    &lt;/script&gt;
  
  &lt;div id="dialog"&gt;&lt;/div&gt;&lt;button id="opener"&gt;Open Dialog&lt;/button&gt;
  </code></pre>
  
  <p>but it's not loading the actual page.</p>