Multiple divs problem when working with Jquery
<p>I am facing a wired problem when using Jquery Dialog. </p>

<pre><code>  &lt;div id="divSupplierGrid" style="display: none"&gt;
      &lt;uc2:SupplierGrid ID="Tab1UCSupplierGrid" runat="server" /&gt;
  &lt;/div&gt;
 &lt;div id="divCreateInqGeneral" style="display: none"&gt;
     &lt;uc1:CreateInqGeneral ID="Tab1UCCreateInqGeneral" runat="server" /&gt;
 &lt;/div&gt;

function DisableBackGrd() {

        $("#divCreateInqGeneral").dialog({ bgiframe: true,
            modal: true,
            open: function () { hideScrollBars(); },
            beforeClose: function () { showScrollBars(); }
        });
    }
</code></pre>

<p>When i keep only 'divSupplierGrid' on my page .Jquery dialog works fine but as soon as i add 'divCreateInqGeneral' i get 'Microsoft JScript runtime error: Object doesn't support this property or method' Exception. Whats going wrong?</p>
