jQuery UI multicolumn autocomplete

jQuery UI multicolumn autocomplete

  1. $(function (){ //value var isi = [ { jng: 'java', wrn: 'write once run anywhere java', tpe: 'bla', kde: 'boh' }, { jng: 'PHP', wrn: 'write once run anywhere PHP', tpe: 'bli', kde: 'bah' } ]; //code $('#name').autocomplete({ minLength: 1, source: isi, focus: function (event, ui){ $('#name').val(ui.item.jng); return false; }, select: function (event, ui){ $('#name').val(ui.item.kde); return false; } }) .data('ui-autocomplete')._renderItem = function (ul, item){ return $('<li>') .append("<a>" + item.jng + " " + item.wrn + " " + item.tpe + "</a>") .appendTo(ul); }; });
that's code just work if I type enter or "J", except that the list will be dissapeared.. please help me to fix it..