JQuery dialog & dynamic data issue
<p>i know it is possible to load data dynamically into jquery dialog like</p>

<pre><code>(document).ready(function () {
        $('a#popup').live('click', function (e) {
            var page = $(this).attr("href")

            var $dialog = $('&lt;div&gt;&lt;/div&gt;')
            .html('&lt;iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"&gt;&lt;/iframe&gt;')
            .dialog({
                autoOpen: false,
                modal: true,
                height: 450,
                width: 'auto',
                title: "Edit Employee",
                buttons: {
                    "Close": function () { $dialog.dialog('close'); }
                },
                close: function (event, ui) {

                    __doPostBack('&lt;%= btnRefresh.ClientID %&gt;', '');
                }
            });


            $dialog.dialog('open');
            e.preventDefault();
        });
    });
</code></pre>

<p>so i just want to know when i am loading another page data into jquery dialog like</p>

<pre><code>var $dialog = $('&lt;div&gt;&lt;/div&gt;')
        .html('&lt;iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"&gt;&lt;/iframe&gt;')
</code></pre>

<p>then how can i determine that data has been loaded into dialog?</p>

<p>basically i need to show a busy icon when data is loading and when i can determine programmatically that data is loaded and now it can be shown into dialog then i will stop showing busy icon and just show the actual data into dialog...i search google but found nothing similar....so i need advise and sample code. thanks</p>
