issue with window not centering

by codeowl

HTML

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.1.318/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.default.min.css">
    <div id="testWindow">
        <p>here is the test content here is the test content</p>
        <p>here is the test content here is the test content</p>
        <p>here is the test content here is the test content</p>
        <p>here is the test content here is the test content</p>
        <p>here is the test content here is the test content</p>
        <p>here is the test content here is the test content</p>
        <p>here is the test content here is the test content</p>
        <p>here is the test content here is the test content</p>
        <p>here is the test content here is the test content</p>
        <p>here is the test content here is the test content</p>
        <p>here is the test content here is the test content</p>
        <p>here is the test content here is the test content</p>
        <p>here is the test content here is the test content</p>
    </div>

JavaScript

$(document).ready(function() {
        var oWin = null;
        $('#testWindow').kendoWindow();
        oWin = $('#testWindow').data('kendoWindow');
        oWin.center();
    });