Autocomplete - custom-data

x = '[{"names":"COOPER COUNTRYMAN \u041d\u0430\u043a\u043b\u043e\u043d\u043d\u0430\u044f \u0437\u0430\u0434\u043d\u044f\u044f \u0447\u0430\u0441\u0442\u044c (US)","link":"?marka=1231&model=35934","years":"2010.09 - "},{"names":"COOPER [USA] \u043a\u0430\u0431\u0440\u0438\u043e (US)","link":"?marka=1231&model=32818","years":"2004.09 - 2011.12"},{"names":"COOPER [USA] \u043a\u0443\u043f\u0435 (US)","link":"?marka=1231&model=32819","years":"2001.09 - 2006.12"},{"names":"Cooper [USA] \u043a\u0443\u043f\u0435 (US)","link":"?marka=1231&model=36175","years":"2011.09 - "},{"names":"MINI (R50, R53)","link":"?marka=1231&model=4768","years":"2001.06 - "},{"names":"MINI (R56)","link":"?marka=1231&model=7996","years":"2006.09 - "},{"names":"MINI CLUBMAN (R55)","link":"?marka=1231&model=6444","years":"2007.10 - "},{"names":"MINI CLUBMAN \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b (R55)","link":"?marka=1231&model=6444","years":"2007.10 - "},{"names":"MINI COUNTRYMAN (R60)","link":"?marka=1231&model=8981","years":"2010.06 - "},{"names":"MINI Roadster (R59)","link":"?marka=1231&model=10090","years":"2012.02 - "},{"names":"MINI \u043a\u0430\u0431\u0440\u0438\u043e (R52)","link":"?marka=1231&model=5088","years":"2004.07 - "},{"names":"MINI \u043a\u0430\u0431\u0440\u0438\u043e (R57)","link":"?marka=1231&model=8045","years":"2007.11 - "},{"names":"MINI \u043a\u0443\u043f\u0435 (R58)","link":"?marka=1231&model=9725","years":"2011.09 - "},{"names":"MINI-MOKE","link":"?marka=1231&model=4438","years":"1987.01 - "}]'; x = JSON.parse(x); 
//$('#test').autocomplete({source: x}).data('ui-auto')._renderItem = function(ul, item){
//return $('<li>').append('<a>' + item.names + '<br>' + item.years +'</a>').appendTo(ul)};
$(function() {
    $( '#test' ).autocomplete({
      minLength: 0,
      source: x,
      delay: 10,
      minChars: 2,
      autoFill: true,
      matchContains: 1,
      selectFirst: true,
      maxItemsToShow:10,
      focus: function( event, ui ) {
        $( "#project" ).val( ui.item.names );
        return false;
      },
      select: function( event, ui ) {
        $( "#project" ).val( ui.item.names );
        $( "#project-id" ).val( ui.item.link );
        $( "#project-description" ).html( ui.item.years);
        return false;
      },
        search: function(event, ui){}
    })
    .data( 'ui-autocomplete' )._renderItem = function( ul, item ) {
      return $( "<li></li>" )
        .append( '<a>' + item.names + " - " + item.years + '</a>' )
        .appendTo( ul );
    };
  });