title: Clear selected value(s) for Kendo multi select
body: <p>I have Kendo multiSelect control which is working perfectly fine. However I am facing issue to reset its selected value. The following is what I have tried so far :  </p>
  
  <pre><code>$("#Department option:selected").removeAttr("selected");  
  </code></pre>
  
  <p>And</p>
  
  <pre><code>var departmentMultiselect = $('#Department').data("kendoMultiSelect");
  var subtract = $('#department').val();
                  var values = departmentmultiselect.value().slice();
                  values = $.grep(values, function (a) {
                   return $.inarray(a, subtract) == -1;
                  });
                  departmentmultiselect.datasource.filter({});
                  departmentmultiselect.value(values);  
  </code></pre>
  
  <p>In the second code, control bypasses the following code  </p>
  
  <pre><code>values = $.grep(values, function (a) {
                       return $.inarray(a, subtract) == -1;
                      });  
  </code></pre>
  
  <p>How can I reset this control?</p>