title: Unable to get value of the property 'dataSource': object is null or undefined when trying to add a row to a kendo detail grid
body: <p>I get the error when trying to add a row to the child grid of a kendo hierarchical grid.  You can see on this <a href="http://jsfiddle.net/Bladetrick/765pJ/20/" rel="nofollow">JS Fiddle sample</a></p>
  
  <p>Expand a row then click any of the checkboxes to attemp the row add.  The error shows up on the console.</p>
  
  <p>The child grid looks like this:</p>
  
  <pre><code>function InductedTasksDetailInit(e) {
  $("&lt;div class='ob-child-grid' id='childGrid" + e.data.EmployeeID + "' /&gt;").appendTo(e.detailCell).kendoGrid({
      dataSource: {
          data: [],
          transport: {
              read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
          },
          type: "odata",
  
          serverPaging: true,
          serverSorting: true,
          serverFiltering: true,
          pageSize: 5,
          schema: {
              model: {
                id: "OrderID",
                fields: {
                  OrderID: {
                  },
                  Select: {
                  },
                  ShipCountry: {
                  }
                }
              }
            },              
          filter: { 
              field: "OrderID", operator: "lt", value: 10251 }
      },
      selectable: false,
      columns: [            
          { field: "OrderID", width: "70px" },
          { field: "ShipCountry", title:"Ship Country", width: "110px" }
      ]
  });
  }
  </code></pre>
  
  <p>Thanks for the help,
  I'm really not sure why this is happening.  </p>