Using a Kendo widget

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.3.1119/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.web.min.js"></script>
<div id="dialog">
    Window content
</div>

<button id="open-button">Open window</button>

JavaScript

jQuery(function($) {
   
    $("#dialog").kendoWindow({
      height: 400,
      width: 400,
      title: "Window title",
      actions: [ "Close", "Maximize" ],
      modal: false,
      visible: false,
       pinned: true
    });
    
    var dialog = $("#dialog").data('kendoWindow');

    $('#open-button').click(function (e) {    
      dialog.open();
    });
    
});