Kendo autocomplete

HTML

<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css">
<input id="countries" />

CSS

.info {
     display: block;
     line-height: 22px;
     padding: 0 5px 5px 0;
     color: #36558e;
 }
 #shipping {
     width: 482px;
     height: 152px;
     padding: 110px 0 0 30px;
     background: url('../../content/web/autocomplete/shipping.png') transparent no-repeat 0 0;
     margin: 30px auto;
 }
 .k-autocomplete {
     width: 250px;
     vertical-align: middle;
 }
 .hint {
     line-height: 22px;
     color: #aaa;
     font-style: italic;
     font-size: .9em;
     color: #7496d4;
 }

JavaScript

$(document).ready(function () {
    var data = [
        "Albania",
        "Andorra",
        "Armenia",
        "Austria",
        "Azerbaijan",
        "Belarus",
        "Belgium",
        "Bosnia & Herzegovina",
        "Bulgaria",
        "Croatia",
        "Cyprus",
        "Czech Republic",
        "Denmark",
        "Estonia",
        "Finland",
        "France",
        "Georgia",
        "Germany",
        "Greece",
        "Hungary",
        "Iceland",
        "Ireland",
        "Italy",
        "Kosovo",
        "Latvia",
        "Liechtenstein",
        "Lithuania",
        "Luxembourg",
        "Macedonia",
        "Malta",
        "Moldova",
        "Monaco",
        "Montenegro",
        "Netherlands",
        "Norway",
        "Poland",
        "Portugal",
        "Romania",
        "Russia",
        "San Marino",
        "Serbia",
        "Slovakia",
        "Slovenia",
        "Spain",
        "Sweden",
        "Switzerland",
        "Turkey",
        "Ukraine",
        "United Kingdom",
        "Vatican City"];

    //create AutoComplete UI component
    $("#countries").kendoAutoComplete({
        dataSource: data,
        filter: "startswith",
        placeholder: "a",
        separator: ", "
    });
    $("#countries").val("a");
    
});