Testing kendoGrid setDataSource

HTML

<script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css">
<div id="example" class="k-content">
    <div id="grid"></div>
    <script>
        $(document).ready(function() {
            var config = {};

            config["groupable"] = true;
            config["pageable"] = true;
            config["sortable"] = true;
            config["filterable"] = true;
            config["resizable"] = true;
            config["reorderable"] = true;
            config["scrollable"] = true;
            config["columnMenu"] = true;
        
            config["columns"] = [{
                field: "title",
                width: 90,
                title: "Title"
            }, {
                field: "timeStamp",
                width: 115,
                title: "Time Stamp"
            }, {
                width: 90,
                field: "severity",
                title: "Severity"
            }, {
                width: 135,
                field: "machineName",
                title: "Machine Name"
            }, {
                width: 160,
                field: "appDomainName",
                title: "App Domain Name"
            }, {
                width: 110,
                field: "processID",
                title: "Process ID"
            }, {
                width: 130,
                field: "processName",
                title: "Process Name"
            }, {
                width: 200,
                field: "message",
                title: "Message"
            }, {
                field: "formattedMessage",
                title: "Formatted Message"
            }
            ];

            $("#grid").kendoGrid(config);
            console.log($("#grid").data("kendoGrid"));
        });
    </script>
    <button...

JavaScript

getData = function()
{
   // alert("gettin data");
    var grid = $("#grid").data("kendoGrid");
    var ds = new kendo.data.DataSource({
        data: [{"id":975530,"title":"Server Crash","timeStamp":"2013-10-30T06:51:24.223","severity":"Critical","machineName":"LUNA1","appDomainName":"silverlight","processID":"123","processName":"Importz","message":"Crash detected at midnight","formattedMessage":"Server was restarted at 1 AM"},{"id":975531,"title":"Server high cpu spike","timeStamp":"2013-10-30T06:51:24.223","severity":"Critical","machineName":"LUNA6","appDomainName":"silverlight","processID":"69","processName":"Importz","message":"Procmon detected it","formattedMessage":"sql script was hanging"}],
        pageSize: 50
    });
    
    grid.setDataSource(ds);
    grid.refresh();
    
    
    

}