[jQuery] JQuery ui dialog issue

[jQuery] JQuery ui dialog issue


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.