title: JQuery Autocomplete not showing inside Bootstrap row division
body: <p>My Autocomplete works great when it is on a stand-alone HTML or ASPx page.
  When the control is inside a row division, the webservice returns but seems to hang.  While I can place the control outside a div row, it changes the layout of the page.  Any idea why, and is there a work-around?</p>
  
  <p>This examples DOES NOT display results:</p>
  
  <pre><code>&lt;div class="row" style="margin-top:4px;"&gt;
     &lt;div class="col-md-9"&gt;&lt;input type="text" id="inventorySearch" runat="server" class="form-control" /&gt;&lt;/div&gt;
     &lt;div class="col-md-2"&gt;&lt;input type="number" id="txtQuantity" name="txtQuantity" runat="server" class="form-control" min="0" max="9999" value="0" /&gt;&lt;/div&gt;
     &lt;div class="col-md-1" style="text-align:left;"&gt;&lt;asp:Button ID="btnAddBillofMaterials" runat="server" CssClass="logoutbutton" Text="Add Item" OnClick="btnAddBillofMaterials_Click" /&gt;&lt;/div&gt;
  &lt;/div&gt;   
  </code></pre>
  
  <p>And this does display dropdown combo box:</p>
  
  <pre><code> Search: &lt;div class="col-md-9"&gt;&lt;input type="text" id="inventorySearch" runat="server" class="form-control" /&gt;&lt;/div&gt;
  </code></pre>