title: How to change the value of a kendo bound html input
body: <p>I have a kendoui grid with a custom popup for editing.</p>
  
  <p>In this popup I have an input which is bound to a value of the grid:</p>
  
  <pre><code>&lt;input type="text" class="k-input k-textbox" id="test" data-bind="value:SearchFilter"&gt;
  </code></pre>
  
  <p>This works fine. Click edit in the grid, change the value in the textbox and the value propagates to the grid.</p>
  
  <p>But now I want to change the value of the textbox in javascript.. So I now have this:</p>
  
  <pre><code>$('#test').val("testvalue");
  </code></pre>
  
  <p>This indeed changes the value of the textbox, but upon save the new value isn't propagated to the grid. I guess because no change event occurs on the textbox.</p>
  
  <p>How do I make this work? </p>