Autocomplete Widget ผมไม่เข้าใจ API บางอย่างของ เครื่องมือครับ เช่น source

$('input[name=\'category\']').autocomplete({
	delay: 500,
//source: function(request, response) 
//เป็น source =  data ที่เอามาแสดง 
//function(inout, output)  เอา output ที่ retun กลับมาไปใส่ไว้ใน source  input คือ key ที่เราพิมเข้าไป
	source: function(request, response) {
		$.ajax({
			url: 'index.php?route=catalog/category/autocomplete&token=<?php echo $token; ?>&filter_name=' +  encodeURIComponent(request.term),
			dataType: 'json',
                        //ใรับค่าที่ ajax คือมาให้ เก็บไว้ใน json
			success: function(json) {		
                                //เอา มาแมบใหม่เปลี่ยน  name ให้เป็น label เช่น {"test":[{"name":"ttt"}]} เป็น {"test":[{"label":"ttt"}]} 
				response($.map(json, function(item) {
					return {
						label: item.name,
						value: item.category_id
					}
				}));
			}
		});
	}, 

	select: function(event, ui) {
		$('#product-category' + ui.item.value).remove();
		
		$('#product-category').append('<div id="product-category' + ui.item.value + '">' + ui.item.label + '<img src="view/image/delete.png" alt="" /><input type="hidden" name="product_category[]" value="' + ui.item.value + '" /></div>');

		$('#product-category div:odd').attr('class', 'odd');
		$('#product-category div:even').attr('class', 'even');
				
		return false;
	},
	focus: function(event, ui) {
      return false;
   }
});