How to show autocomplete results in a specific div
<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>