title: Binding existing Kendo grid to a new JSON object
body: <p>I have following <code>kendoGrid</code> on my page that on load receives <code>JSON</code> object from the specified URL.</p>
  
  <p>But later i want to bind it to some other <code>JSON</code> data received from other source. Is there a way a can bind-refresh existing data containing grid with a new <code>JSON</code> object?</p>
  
  <pre><code>$('#grid').kendoGrid({
      sortable: true,
      groupable: true,
      scrollable: true,
  
      pageable: {
          pageSizes: 9
      },
      dataSource: {
          transport: {
              read: {
                  url: "../Get/JsonData",
                  dataType: "Json"
              }
          }
      },
      columns: [
          { field: "name", title: "Name", width: 100 },
          ... ...
      ]
  });
  </code></pre>