title: How to display an IFRAME inside a jQuery UI dialog
body: <p>The web application that I am upgrading uses jQuery and jQuery UI. I have replaced most instances of <code>window.open</code> and <code>&lt;a target=_blank&gt;</code> with jQuery UI dialog. For example, the terms and conditions used to open in a new window; now I use jQuery UI dialog with AJAX. For consistency I plan to use it wherever possible.</p>
  
  <p>One such place is a page where I'll have external links to videos. Something like:</p>
  
  <pre><code>&lt;a href="http://website.com/videos/1.html" target="_blank"&gt;&lt;img src="http://website.com/videos/1.png"&gt;&lt;/a&gt;
  &lt;a href="http://website.com/videos/2.html" target="_blank"&gt;&lt;img src="http://website.com/videos/2.png"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>In certain situations I might use <code>target=iframe1</code>. Now instead of opening the content in an iframe or a popup window, I want to display the content inside a popup dialog. How can I use jQuery UI dialog to achieve this? Will there be any gotchas?</p>