Kendo Web TabStrip - load grid into tab

Load Kendo Grid into Kendo Tabstrip using the Kendo Web framework.

HTML

<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
 <div class="tabbable"> <!-- Only required for left/right tabs -->
    <ul class="nav nav-tabs">
        <li class="active"><a href="#tab1" data-toggle="tab">One</a></li>
        <li><a href="#tab2" data-toggle="tab">Two</a></li>
        <li><a href="#tab3" data-toggle="tab">Three</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tab1">
            <div id="grid1"></div>
        </div>
        <div class="tab-pane" id="tab2">
            <div id="grid2"></div>
        </div>
        <div class="tab-pane" id="tab3">
            <div id="grid3"></div>
        </div>
     </div>
</div>

JavaScript

$("#grid1, #grid2, #grid3, #grid4").kendoGrid({
    height: 350,
    reorderable: true,
    scrollable: true,
    columns: [
        {
        field: "FirstName",
        title: "First Name"},
    {
        field: "LastName",
        title: "Last Name"}
    ],
    dataSource: {
        data: [
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
            { FirstName: "Joe", LastName: "Smith" },
        ]
    }
});