title: How to show autocomplete results in a specific div
body: <p>I have an autocomplete field into my website. I just want to display the results inside a <code>&lt;div&gt;</code> tag instead the popup window that the plugin opens natively.</p>
  
  <p>I searched already for solutions for this in other posts, but what they do is to change the position of the "popup" window, and what I want is to replace the content of the <code>&lt;div&gt;</code> with the results, not to put the popup over it.</p>
  
  <p>This is my code :</p>
  
  <pre><code>$('#keyword').autocomplete(
  {
      source : '/Dev/pages/suivi_searchCompany.php',
      select: function( event, ui )
      {               
          console.log(ui.item.value);
          loadHisto(ui.item.value);
          loadInfosCompanies(ui.item.value);
          loadInfosContact(ui.item.value)    
      }   
  })
  .data( "ui-autocomplete" )._renderItem = function( ul, item )
  {
      console.log('test');
      console.log(item);
      console.log(ul);
      return $( "&lt;li&gt;" )
          .append( "&lt;a&gt;" + item.name + "&lt;/a&gt;" )
          .appendTo( ul ); 
  };
  </code></pre>