title: How to change the value of a kendo ui dropdownlist using jquery?
body: <p>I've placed a Kendo UI <strong>grid</strong> inside a jQuery <strong>dialog</strong>. In the grid, I've placed some controls, such as a TinyMCE editor, Kendo dropdownlist, checkbox, an so on. </p>
  
  <p>I'm trying to select an item from the <strong>kendo dropdownlist</strong>. The Kendo documentation says that this is how to select an item.</p>
  
  <pre><code>$('dropdownlistid').data('kendoDropDownList').value(index);
  </code></pre>
  
  <p>When I run the above code, the UI is changed accordingly. However, when I click the <strong>update</strong> button, the value sent to the server is still the one before executing the above code.</p>
  
  <p>Obviously, just changing the value of the dropdownlist is not enough to set the value of the dorpdownlist sent to the server.</p>
  
  <p>Also, when I manually click the dropdownlist and select a value, another dropdownlist is enabled as well. However, when I do that using the above jquery code, the other dropdownlist is not being enabled.</p>
  
  <p>Maybe there is an change event that's not being raised. I really don't know what's going on with the Kendo dropdownlist.</p>
  
  <p>Thanks for helping.  </p>