title: Style jQuery autocomplete in a Bootstrap input field
body: <p>I have implemented a jQuery autocomplete function to a Bootstrap input. The jQuery autocomplete is working fine but I want to see the results as a combo and I guess it's now happening because I'm using BootStrap.</p>
  
  <p>This is the field that I'm assigning autocomplete:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="form-group"&gt;
    &lt;label&gt;Employee&lt;/label&gt;
    &lt;input class="form-control" name="txtEmployee" placeholder="Trabajador"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$(this).autocomplete({
  
    source: function(request, response) {
      $.ajax({
        url: '@Url.Content("~/Employee/SearchEmployee")/',
        type: 'POST',
        contentType: 'application/json',
        dataType: "json",
        data: JSON.stringify({
            employerId: 1,
            searchStr: me.val()
        }),
        success: function(data) {
          if (data.success) {
  
            response($.map(data.data, function(item) {
  
              return {
                label: "(" + item.EmployeeNumber + ") " + 
                             item.FirstName + " " + 
                             item.MothersLast + ", " + 
                             item.FathersLast,
                employeeId: item.EmployeeId
              }
            }));
          } 
        }
      });
    },
    minLength: 3
  });
  </code></pre>
  
  <p>The results are displayed but like this:</p>
  
  <p><img src="https://i.stack.imgur.com/RHzhD.png" alt="enter image description here"></p>
  
  <p>How can I style the results with Bootstrap so I can see them like dropdownlist?</p>