title: Clear autocomplete value on select change event
body: <p>I have the following <a href="http://jsfiddle.net/TgBzB/3/" rel="noreferrer">http://jsfiddle.net/TgBzB/3/</a> and want to clear the autocomplete field when the user has selected an item. The following code does not do this:-</p>
  
  <pre class="lang-js prettyprint-override"><code>$("#input").data("kendoAutoComplete").value("");
  </code></pre>
  
  <p>Is this possible?</p>
  
  <pre class="lang-js prettyprint-override"><code>//create AutoComplete UI component
  $("#input").kendoAutoComplete({
      dataSource: data,
      filter: "startswith",
      placeholder: "Select country...",
      select: function(e) {
          var dataItem = this.dataItem(e.item.index());
          $('#list').append("&lt;li&gt;" + dataItem + "&lt;/li&gt;");
          //How do I clear the #input here?
          $("#input").data("kendoAutoComplete").value(""); 
      }
  });
  </code></pre>