[jQuery] JQuery ui dialog issue

[g...@iec]

Hi all,

I have an issue.

I am showing modal loading dialog while making ajax call.
My dialog config is shown below :

$('#loadingSearch').dialog({
                        autoOpen: false,
                        modal: !$.browser.msie,
                        bgiframe: true,
                        width: 270,
                        height: 'auto',
                        title:'Loading Search',
                        draggable: false,
                        resizable: false
                });
                $('.ui-dialog .ui-dialog-titlebar').hide();
                $('#loadingSearch > div:eq(1)').css({'left':'135px'});
                $('#loadingSearch').dialog('open');

and closed by using following code :

$('#loadingSearch').dialog('close');
                $('#loadingSearch').dialog('destroy');
                $('.ui-widget-overlay').remove();

This code works fine in FF but not in ie.

In ie, after removing loading dialog , checkboxes are not clickable
and no text get typed in textboxes.

So help me to resove this issue.

Thanks to all for their suggestions.