Kendo autocomplete

HTML

<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.112/styles/kendo.common-material.min.css">
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.112/styles/kendo.material.min.css">
<script src="//kendo.cdn.telerik.com/2016.1.112/js/jquery.min.js"></script>
<script src="//kendo.cdn.telerik.com/2016.1.112/js/kendo.all.min.js"></script>
<input id="countries" />

JavaScript

$(document).ready(function () {
     var data = [
        "Paris",
        "Barcelona",
        "Tokyo",
        "New-York",
        "Berck"
        ];

    //create AutoComplete UI component
    $("#countries").kendoAutoComplete({
        dataSource: data,
        filter: "startswith",
        placeholder: "Select country...",
        separator: ", "
    })
    .keypress(function(e) {
    	console.log(e);
    	console.log(e.keyCode);
    })
    .mouseover(function(e) {   
        console.log(this.value);   
    })
    .keydown(function(e){console.log(this.value);});
});