AutoComplete JSON

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>
<div class="wrapper">
    <p><b>List:</b> "Andy", "Zeke", "Terry", "Eddie", "Tony", "Scott", "Danny"</p>
    <p>
        <input id="people" type="textbox" >
    </p>
</div>

CSS

<style type='text/css'>
        .wrapper {
            padding-top: 20px;
            width: 500px;
            margin: auto;
        }
    </style>

JavaScript

var people = ["Andy", "Zeke", "Terry", "Eddie", "Tony", "Scott", "Danny"];

var autoComplete = $("#people").kendoAutoComplete({
    separator: ", ",
    dataSource: people
}).data("kendoAutoComplete");

  $(document).ready(function() {
                    $("#people").kendoDropDownList({
                        dataTextField: "people",
                        dataValueField: "people",
                        dataSource: {
                            transport: {
                                read: {
                                    dataType: "jsonp",
                                    url: data.json,
                                }
                            }
                        }
                    });
                });