KendoUI Tab Selection issues

This should select the second tab in my tabs page, and it does, but the info from the first tab page is showing instead of the second!

HTML

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

CSS

.tab {  height: 100px; }

JavaScript

var tabData = [{id:'1', text:'tab 1'}, {id:'2', text:'tab 2'}];
var tabStrip = $('#myTabStrip').kendoTabStrip({
    dataSource: tabData,
    dataTextField: 'text'
}).data("kendoTabStrip");


$(document).ready(function() {
    tabStrip.select("li:contains(tab 2)");
});