title: Load Local HTML Files Dynamically inside the jQuery UI Dialog
body: <p>Load Local HTML Files Dynamically inside the jQuery UI Dialog</p>
  
  <p>Here is my code below, I'm trying to load and display the content of wtf.html in the modal.
  But it doesn't show in Google Chrome 35, 36 nor IE, however, it works fine in Firefox 28 and 30..</p>
  
  <p>We did I do wrong?</p>
  
  <pre><code>&lt;div&gt;&lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
  
  $(function ()    {
      $('&lt;div&gt;').dialog({
          modal: true,
          open: function (){$(this).load('wtf.html');},         
          height: 400,
          width: 400,
          title: 'Dynamically Loaded Page'
      });
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/UZtSU.png" alt="This is from Firefox"></p>
  
  <p><img src="https://i.stack.imgur.com/GaP82.png" alt="This is from Google Chrome"></p>