title: Multi usercontrol with jquery autocomplete not showing all list
body: <p>In my asp.net C# website, I have a requirement to add the autocomplete for some text fields. For that I'm using jquery autocomplete. </p>
  
  <p>I'm having a parent user control and also two child user control(only for text boxes) inside it. Both three user controls have their own autocomplete list.</p>
  
  <p>The problem is, when I run the program, only one autucomplete list shows list of items. Other two are silent!.</p>
  
  <p>If anyone has any idea, please share it here.</p>
  
  <p>&lt;%@ Control Language="C#" AutoEventWireup="true" CodeFile="Contact.ascx.cs" Inherits="Controls_Contact" %>
  &lt;%@ Register Src="ContactSub.ascx" TagName="ContactSub" TagPrefix="ContactSub_UC" %></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function LoadList_contact()
  {
      alert("check main");
      $("#&lt;%= ContactSurnameTextBox.ClientID %&gt;").autocomplete({
          source: "../ashx/AutoComplete_Contacts.ashx",
          minLength: 1,
          select: function (event, ui)
          {
              $(this).next().val(ui.item.id);
              $("#&lt;%= ContactIdTextBox.ClientID %&gt;")[0].value = ui.item.id;
              __doPostBack('&lt;%= ContactSurnameTextBox.ClientID %&gt;', '');
          },
  
          search: function (event, ui)
          {
              $(this).next().val('');
              $("#&lt;%= ContactIdTextBox.ClientID %&gt;")[0].value = '';
          }
  
      })
      .data("autocomplete")._renderItem = function (ul, item)
      {
          return $("&lt;li&gt;&lt;/li&gt;")
              .data("item.autocomplete", item)
              .append("&lt;a&gt;&lt;table cellpadding='0' cellspacing='0' border='0' width='250'&gt;&lt;tr&gt;&lt;td width='*' valign='top' align='left'&gt;" + item.value + "&lt;/td&gt;&lt;td width='50px' valign='top' align='left'&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/a&gt;")
              .appendTo(ul);
      };
  }
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;asp:TableRow&gt;
      &lt;asp:TableCell ID="ContactSubCell" runat="server"&gt;
          &lt;ContactSub_UC:ContactSub ID="ContactSub" runat="server" /&gt;
      &lt;/asp:TableCell&gt;
  &lt;/asp:TableRow&gt;
  
  
  &lt;%@ Control Language="C#" AutoEventWireup="true" CodeFile="ContactSub.ascx.cs" Inherits="Controls_ContactSub" %&gt;
  </code></pre>
  
  <p>&lt;%@ Register src="ProductsTextbox.ascx" tagname="ProductsTextbox" tagprefix="ProductsTextbox_UC" %>
  &lt;%@ Register src="BrandLine.ascx" tagname="BrandLine" tagprefix="BrandLine_UC" %></p>
  
  <pre><code>&lt;asp:TableCell ColumnSpan="3"&gt;
      &lt;BrandLine_UC:BrandLine ID="BrandLine" runat="server" /&gt;
  &lt;/asp:TableCell&gt;
  
  &lt;asp:TableCell ColumnSpan="3"&gt;
      &lt;ProductsTextbox_UC:BrandLine ID="ProductsTextbox" runat="server" /&gt;
  &lt;/asp:TableCell&gt;
  </code></pre>
  
  <p>Thanks</p>
  
  <p>Rbz</p>