k-grid disable btn

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.web.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

$("#grid").kendoGrid( {
    dataSource: {
        transport: {
            read: {
                url: "/echo/json/",
                type: "POST",
                data: { 
                    json: JSON.stringify([
                        {name:"name1", type: "user"},
                        {name:"name2", type: "admin"},
                        {name:"name3", type: "user"},
                        {name:"name4", type: "admin"},
                        {name:"name5", type: "user"}
                    ]),
                    delay: 3
                }
            }
        },
        schema: {
            model: {
                fields: {
                    name: {type: "string"},
                    type: {type: "string"}                    
                }
            }                
        }
    },
    toolbar: [],
    editable: false,
    dataBound: function() {
        if($("#myCover").length > 0) {
            $("#myCover").remove();
        }
    }
});

//create a transparent <div> to cover the button

//gets the button element
var createBtn = $(".k-grid-toolbar .k-grid-add");
//create a div
var div = $("<div id='myCover'>").css({
    "position": "absolute",
    "left": createBtn.offset().left,
    "top": createBtn.offset().top,
    "width": createBtn.outerWidth(),
    "height": createBtn.outerHeight()
}).appendTo($("body"));