автозаполнение в jquery с другим отображаемым текстом

Question

Я пробую следующую логику автозаполнения.но это не работает.Мой желаемый вывод - отображаемый текст, и значение, которое отправляется, должно быть другим (например, Cricket должен быть отправлен как cri.)

вот разметка:

<div id="main">
<p>
<a href="http://www.justwebcode.com" rel="index,follow">Just Web Code (www.justwebcode.com)</a>
</p>
&nbsp;Enter any Sport Name: <input type="text" id="autocomplete" />
</div>

и jqueryэто:

$(function(){


 var games = [
   { value: 'cricket', data: 'cri' },

   { value: 'chess', data: 'che' }
]; 

$("#autocomplete").autocomplete({
source: {games.value ;games.data}
});

});

Answer 1

Пожалуйста, проверьте Документация JQuery для автозаполнения

В нем говорится, что source может быть

Массив объектов со свойствами метки и значения: [{label: "Choice1", значение: "value1"}, ...]