kendo templates

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.metro.min.css">
<div id="grid"></div>

JavaScript

var myDataSource = {
    type: "odata",
    transport: {
        read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
    },
    schema: {
        model: {
            fields: {
                OrderID: {
                    type: "number"
                },
                Freight: {
                    type: "number"
                },
                ShipName: {
                    type: "string"
                },
                OrderDate: {
                    type: "date"
                },
                ShipCity: {
                    type: "string"
                }
            }
        }
    },
    pageSize: 10,
    serverPaging: true,
    serverFiltering: true,
    serverSorting: true
};

var myDataSource2 = new kendo.data.DataSource({
    type: "odata",
    transport: {
        read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
    },
    schema: {
        model: {
            fields: {
                OrderID: {
                    type: "number"
                },
                Freight: {
                    type: "number"
                },
                ShipName: {
                    type: "string"
                },
                OrderDate: {
                    type: "date"
                },
                ShipCity: {
                    type: "string"
                }
            }
        }
    },
    pageSize: 10,
    serverPaging: true,
    serverFiltering: true,
    serverSorting: true
});

$(document).ready(function() {
    $("#grid").kendoGrid({
        dataSource: myDataSource2,
        //This is working but if you change it to myDataSource2, then it doesn't work
        height: 500,
        columns: [{
            field: "OrderID",
            filterable: false},
        "Freight",
        {
            field: "OrderDate",
            title: "Order Date",
            width: 100,
            format: "{0:MM/dd/yyyy}"},
        {
            field: "ShipName",
            title: "Ship Name",
           ...