title: Refresh Kendo UI grid data by reading a variable
body: <p>Grid reads data from a javascript variable.</p>
  
  <pre><code>    $("#grid").kendoGrid({
      dataSource: {
          type: "text",
          data: jsvar,
          schema: {
              model: {
                  fields: {
                      id: {type: "string", editable: false},
                      name: {type: "string"}
                  }
              }
          },
          pageSize: 20
      },
      pageable: {
          input: true,
          numeric: true
      },
     //toolbar: [{text: "Add"}],
      columns: [
          {command: [{text: "Edit", click: showDetailse}, {text: "View", click: viewoneitm}], title: "&amp;nbsp;", width: "170px"},
  
  
      ]
  });
  </code></pre>
  
  <p>Then I change value of this variable jsvar with ajax and wait for ajax response and after that when I refresh grid with</p>
  
  <pre><code>            jQuery("#grid").data("kendoGrid").dataSource.read();
              jQuery("#grid").data("kendoGrid").refresh();
  </code></pre>
  
  <p>The grid is not repopulated with new data and old data stays in grid. Please tell me how to refresh grid data.
  This worked fine and grid used to refresh perfectly untill I proviced static data, but after I used ajax and then 'refresh' it failed to update</p>