title: How to refresh the KendoUi grid after a ajax post callback
body: <p>How to refresh the kendo ui grid after a ajax post is successful?
  Here is my grid ajax post:</p>
  
  <pre><code> var newUser = {
                      UserId: 0,
                      UserLoginName: currentRecord.UserLoginName,
                      UserDisplayName: currentRecord.UserDisplayName
                  };
                  //insert selected rows using DataSource insert method
                  destinationGrid.dataSource.insert(newRecord);
                  //ajax post to server
                  var url = '@Url.Action("CreateUser", "ManageUsers")';
                  $.post(url, { loginid: currentRecord.UserLoginName, name: currentRecord.UserDisplayName, role: roleSelected }, function (result) {
                      if (result.Success) {
          **////grid is not refreshing as I want to refersh the grid again from database**
                          destinationGrid.dataSource.read();
                      }
  
                  });
              }
  </code></pre>