Knockout kendo dropdown

http://stackoverflow.com/questions/12051943/refresh-kendodropdown-using-knockout-kendo-js-library

HTML

<script src="http://knockoutjs.com/downloads/knockout-2.0.0.debug.js"></script>
<link rel="stylesheet" href="http://rniemeyer.github.com/knockout-kendo/css/kendo.common.min.css">
<link rel="stylesheet" href="http://rniemeyer.github.com/knockout-kendo/css/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<script src="http://rniemeyer.github.com/knockout-kendo/js/knockout-kendo.min.js"></script>
<input id="availableLanguagesDropdown" data-bind="kendoDropDownList: { data: Languages, value:Language, widget: dropDown,change:$root.hello }" /><hr/>

<div data-bind="text: Language"></div>

<button data-bind="click: removeLanguages">Remove Languages</button>

JavaScript

var ViewModel = function() {
    this.Languages = ko.observableArray(["one", "two", "three"]);
    this.Language = ko.observable("two");
    
    this.dropDown = ko.observable();
    
    this.removeLanguages = function() {
        this.Languages([]);
        this.Language("");
        this.dropDown().text("");
    };
    this.hello=function(e){
        console.log('hello');
    }
};

ko.applyBindings(new ViewModel());