title: issue in jquery checkbox dropdown control
body: <p><strong>strong text</strong> i need to generate checkbox for  2 different data Table  in a  single drop down control</p>
  
  <p>like
  <a href="http://jdm8jq.bay.livefilestore.com/y1pBAyKOMS7Y7YbA6Q2kl5JA6RGHr3WCNh9aA1ttFzShAas36RQxTovGxkCqeMYfygADc5W8nmnPyONOCy9cOMGzAt3mR1ADyck/untitled.JPG" rel="nofollow noreferrer">alt text http://jdm8jq.bay.livefilestore.com/y1pBAyKOMS7Y7YbA6Q2kl5JA6RGHr3WCNh9aA1ttFzShAas36RQxTovGxkCqeMYfygADc5W8nmnPyONOCy9cOMGzAt3mR1ADyck/untitled.JPG</a></p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml" &gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;Untitled Page&lt;/title&gt;
  
      &lt;script src="../Scripts/jquery-1.3.2.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script src="../Scripts/ui.core.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script src="../Scripts/ui.dropdownchecklist.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;link href="../Scripts/ui.dropdownchecklist.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="../Scripts/demo.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script type="text/javascript"&gt;
  $(function() {
  $('.listBox').dropdownchecklist({maxDropHeight:200});
  //$('.listBox').dropdownchecklist({ maxDropHeight: 200 }); 
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;    &lt;form id="form1" runat="server"&gt;    &lt;div&gt;   
       &lt;asp:ListBox ID="listBox" runat="server" SelectionMode="Multiple" CssClass ="listBox" /&gt;  
        &lt;asp:LinkButton ID="btn" runat="server" Text="Click me" OnClick="BtnClick" /&gt;    
            &lt;asp:Label ID="result" runat="server" /&gt;  
              &lt;/div&gt;  
                &lt;/form&gt;
                &lt;/body&gt;
  &lt;/html&gt;
  
   **in .cs**  
  </code></pre>
  
  <p>i have  2  datatable in.cs  page </p>
  
  <pre><code>            DataTable dt1 = new DataTable(); 
              ad.Fill(dt1);
              listBox.DataSource = dt1;
              listBox.DataBind();
  
  DataTable dt2 = new DataTable(); 
              ad.Fill(dt2);
              listBox.DataSource = dt2;
              listBox.DataBind();
  </code></pre>
  
  <p>the site i am refering is [<a href="http://dropdown-check-list.googlecode.com/svn/trunk/src/demo.html][2]" rel="nofollow noreferrer">http://dropdown-check-list.googlecode.com/svn/trunk/src/demo.html][2]</a></p>
  
  <p>how to  Bind 2 different tables under one control that is list box control.   so that i  can get two different data table  groups under one control
   one table  would  be an <strong>items</strong> table, and another table  could be  <strong>itemsDetails</strong> table. so that i have  show  2 differnet datatable details under  one control 
   what is the  syntax that i should follow  to get it  achived</p>
  
  <p>hope my Question is clear </p>
  
  <p>any help would be great</p>
  
  <p>thank you</p>