title: KendoUI grid modify cell removes selection
body: <p>Modifying an element using <code>set</code> of a KendoUI grid removes the selection.</p>
  
  <p>If a have a KendoUI <code>DataSource</code> defined as:</p>
  
  <pre><code>var dataSource = new kendo.data.DataSource({
      data    : [
          { "id": 1, "item": "item1", "value": "foo" },
          { "id": 2, "item": "item2", "value": "foo" },
          { "id": 3, "item": "item3", "value": "foo" },
          { "id": 4, "item": "item4", "value": "foo" }
      ],
      pageSize: 5
  });
  </code></pre>
  
  <p>and the <code>grid</code> as:</p>
  
  <pre><code>var grid = $("#grid").kendoGrid({
      dataSource: dataSource,
      columns   : [
          { field: "item", title: "Item" },
          { field: "value", title: "Value" }
      ],
      selectable: "row"
  }).data("kendoGrid");
  </code></pre>
  
  <p>If I click in a row (select it) and then update the model using the following code:</p>
  
  <pre><code>dataSource.data()[0].set("value", "bar");
  </code></pre>
  
  <p>The selection gets lost.</p>
  
  <p>Sample code in JSFiddle <a href="http://jsfiddle.net/OnaBai/DELNw/1/" rel="nofollow">here</a> </p>
  
  <p>Instructions:</p>
  
  <ol>
  <li>Select any row.</li>
  <li>Click the button for changing the <code>value</code> of the first row.</li>
  </ol>
  
  <p>Is there any way of preserving selection when updating a local <code>DataSource</code>?</p>