I've overridden the _renderMenu and _renderItem functions in the autocomplete UI based on a  suggestion here:  Quick example of multi-column results with jQueryUI's new Autocomplete?  so I can implement an HTML table showing the autocomplete suggestions. It displays fine, but I can no longer click any rows or even highlight/navigate with the arrows. Can anyone suggest what might ber wrong /missing? 

2. $(document).ready(function() {
3.   $.ui.autocomplete.prototype._renderMenu = function(ul, items) {
4.   var self = this;
5.   ul.append("<table><thead><tr><th>HIN</th><th style='text-align: left;'>Description</th></tr></thead><tbody></tbody></table>");
6.   $.each( items, function( index, item ) {
7. self._renderItem( ul.find("table tbody"), item );
8.   });
9.   };
10.   $.ui.autocomplete.prototype._renderItem = function(table, item) {
11. return $( "<tr></tr>" )
12. .data( "item.autocomplete", item )
13. .append( "<td>"+item.hin+"</td>"+"<td>"+item.value+"</td>" )
14. .appendTo( table );
15. };
16. $("input#sku").autocomplete(
17. {
18. source: "search.php?a=0&b=1",
19. minLength: 3
20. }
21. );
22. });

Many thanks