title: Change selected value of kendo ui dropdownlist
body: <p>I have a <a href="http://demos.kendoui.com/web/dropdownlist/index.html">kendo ui dropdownlist</a> in my view:</p>
  
  <pre><code>$("#Instrument").kendoDropDownList({
      dataTextField: "symbol",
      dataValueField: "symbol",
      dataSource: data,
      index: 0
  });
  </code></pre>
  
  <p>How can I change the selected value of it using jQuery?
  I tried:</p>
  
  <pre><code>$("#Instrument").val(symbol);
  </code></pre>
  
  <p>But it doesn't work as expected.</p>