Iframe in the jquery UI dialog
<p>I have an iframe in the jquery UI dialog , setting its src at doument.ready event :</p>

<pre><code>    $(document).ready(function() {
     $("#iframe").attr("src", whatever);
     $("#button").click(function() { $("#dialog").dialog(); });
    });

    &lt;div id="dialog"&gt;
     &lt;iframe src="" id="iframe"&gt;&lt;/iframe&gt;
    &lt;div&gt;
</code></pre>

<p>Everything is going fine, when i <code>click over the button dialog open</code> but <code>the problem</code> is that it <code>loads iframe content everytime when dialog open</code>.I <code>want to stop</code> this behaviour and <code>load the contents only once at document.ready event</code>.How can i do this?</p>
