Hiding Jquery modal dialog
<p>Jquery dialog script</p>

<pre><code> function SupplierGridPopup() {
    var dlg = $("#divSupplierGrid").dialog({ bgiframe: true,
        width: $(document).width(),
        height: $(document).height(),
        modal: true,
        focus: function () { hideScrollBars(); },
        open: function () { hideScrollBars(); },
        beforeClose: function () { showScrollBars(); }
    });
    dlg.parent().appendTo(jQuery("form:first"));
}
</code></pre>

<p>How to hide a Jquery modal dialog. As i have set modal to true just hiding div(i.e div.hide()) seems not working. I tried hiding using <code>$("#divSupplierGrid").dialog("option", "hide", 'slide');</code> statement. still its not working. How to hide the div?</p>
