I would like the suggestions that autocomplete gives me not only appear in the dropdown below the input field. So I want to show the current suggestions in two containers.

1.   $( "#project" ).autocomplete({
2.     minLength: 0,
3.     source: projects,
4.     focus: function( event, ui ) {
5.       $( "#project" ).val( ui.item.land );
6.       return false;
7.     },
8.     select: function( event, ui ) {
9.       $( "#project" ).val( ui.item.jurisdiction );
10.       //$( "#project-id" ).val( ui.item.value );
11.       $( "#project-description" ).html( ui.item.company );
12. 
    
13.       return false;
14.     },
15.     change: function( event, ui ) {
16.       $('#resultsDistributor').html("");
17.     }
18.   })
19.   .autocomplete( "instance" )._renderItem = function( ul, item ) {
20.     return $( "<li>" )
21.       .append( "<div>" + item.company + "<br>" + item.jurisdiction + "</div>" )
22.       .appendTo( ul );
23.   };

_renderItem is doing the dropdown. In the following, absolutely wrong example, it becomes clearer what I intend.

1. [...]
2.   .autocomplete( "instance" )._renderItem = function( ul, item ) {
3.     return $( "<li>" )
4.       .append( "<div>" + item.company + "<br>" + item.jurisdiction + "</div>" )
5.       .appendTo( ul );
6.     return $( "#resultDistributor" )
7.       .append( "<div>" + item.company + "<br>" + item.jurisdiction + "</div>" );
8.   };