Show hidden delete buttons in kendo

by manoj

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.2.716/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<button id="show" class="k-button">Show delete</button>
<div id="grid"></div>

JavaScript

var myDataSource = new kendo.data.DataSource({
    data: {
        "people": [
            { "firstName":"John" , "lastName":"Doe" },
            { "firstName":"Anna" , "lastName":"Smith" },
            { "firstName":"Peter" , "lastName":"Jones" }
        ]
    },
    schema : {
        data: "people"
    }
});

$("#grid").kendoGrid({
    dataSource: myDataSource,
    columns: [
        {
            command: "destroy"
        },
        {
            field: "firstName",
            title: "First Name"
        },
        {
            field: "lastName",
            title: "Last Name"
        }]
});

$(".k-grid-delete", "#grid").hide();

$("#show").on("click", function() {
    $(".k-grid-delete", "#grid").show();
});