title: Reloading kendo ui grid the row item code executes an error
body: <p>I've a web application with kendo ui grid. The grid is load with Bakbone.js when I click a button and I can remove a row with the next code:</p>
  
  <pre><code>$(document).on("click", "#grid tbody tr .ob-delete", function (e) {
      var item = grid.dataItem($(this).closest("tr"));
      var check = confirm("Do I delete:" + item.City );
      if (check) {
          grid.removeRow($(this).closest("tr"));
      }
  });
  </code></pre>
  
  <p>The cofiguration of the button to delete:</p>
  
  <pre><code> command: [
              "edit", {
              name: "destroy",
              text: "Remove",
              className: "ob-delete"
          }]
  </code></pre>
  
  <p>When I reload the content (grid) pushing the button, if I want to delete a row, <code>item.City</code> produce an error.</p>
  
  <p>The complete example <a href="http://jsfiddle.net/Thxtr/49/" rel="nofollow">here</a></p>
  
  <p>Edited:
  Solved <a href="http://jsfiddle.net/vicenrele/Lu9Qf/18/" rel="nofollow">here</a>! Thanks to @Whizkid747! </p>
  
  <p>To add in </p>
  
  <pre><code>command: [ "edit",{ 
        //...
        click: deleteRow
  }] 
  </code></pre>
  
  <p>Then, when button is clicked a function is called: </p>
  
  <pre><code>function deleteRow(e){
          var item = this.dataItem($(e.currentTarget).closest("tr"));
           var check = confirm("Do I delete:" + item.City );
          if (check) {
              grid.removeRow($(e.currentTarget).closest("tr"));
          }
      } 
  </code></pre>