_renderItem for jquery Autocomplete doesn´t work -> undefined

_renderItem for jquery Autocomplete doesn´t work -> undefined

Hello i would made an Autocomplete function for an intern order form.
Now i would format it a little bit. 

I found this function _renderItem, but don´t get working. It displays undefined for itemnumber, name and image (../images/undefined).
The choose is correct. 
Jquery Version: jquery-1.11.3.


autocomplete.js:
  1. $(document).ready(function() { var products = $(".products").clone(); $('#search-box').autocomplete({ minLength: 1, source: function(request, response){ $.ajax({ url:"../ajax-search.php", dataType:"json", html: true, data:{term:request.term}, success: function(data){ response(data.slice(0,5)); } }); }, create: function (event,ui){ $(this).data('ui-autocomplete')._renderItem = function (ul, item) { return $('<li>') .append("<img src=../images/"+item.Image +" alt='img' />") .append('<a>' + item.Number + '<br>' + item.Name + '</a>') .appendTo(ul); }; } });

ajax-search.php:
  1. $product = $_GET['term']; $result = $conn->query("SELECT `image` ,`name` , `number` FROM products WHERE name LIKE '%$product%' OR number LIKE '%$product%'"); $data = array(); while ($row=$result->fetch_assoc()){ $data[] = $row['Image'].", ".$row['Number'].", ".$row['Name']; } echo json_encode($data);