SO - 14493250

by Arun P Johny

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/redmond/jquery-ui.css">
<input id="mainIngredientAutoComplete" />

JavaScript

var data = [{"SubItemID":1,"MainItemID":1,"SubName":"2%","MainName":"Milk"},{"SubItemID":2,"MainItemID":1,"SubName":"Skim/Fat Free","MainName":"Milk"},{"SubItemID":3,"MainItemID":2,"SubName":"Chedder","MainName":"Cheese"}];

$("#mainIngredientAutoComplete").autocomplete({
                source: function (request, response) {
                    response($.map(data, function(v,i){
                        return {
                            		label: v.MainName,
                                    value: v.MainItemID
                                   };
                    }));
                }
            });