KendoUI - Clear MultiSelectDropdown onClick of button

Question

How can I clear all MultiSelectDropdown values if I click on button / link.

HTML

<div id="container">
  <select multiple="multiple">
    <option>lorem ipsum</option>
    <option>lorem ipsum</option>
    <option>lorem ipsum</option>
  </select>
</div>

<a href="#" id="clear">Clear</a>

Script

$(document).ready(function() {
  $("select").kendoMultiSelect();   
});

$( document ).on( "click", "#clear", function(){
    $("select option").val("");
});

DEMO

Answer 1

if you want clear selected values:

$(document).on( "click", "#clear", function(){
    $("select").data('kendoMultiSelect').value([]);
});

if you want to clear multiselect values:

$(document).on( "click", "#clear", function(){
    $("select").data('kendoMultiSelect').dataSource.data([]);
});