Knockout Range Slider oninput Update

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js"></script>
<br><br><br>

<input type="range"  min="0" max="10" data-bind="value: value, event: { input: function(){ value($element.value); }}" />

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

JavaScript

var ViewModel = function() {
    var self = this;
    
    self.value = ko.observable(10);
}

ko.applyBindings(new ViewModel());