Kendo UI
jQuery + Kendo UI + MockJax + Knockout
HTML
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.blueopal.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<div id="wrap" class="k-widget" style="width:666px;height:450px">
<div id="div_widget"></div>
</div>
JavaScript
var w = {href:"http://kendoui.com"};
var $wrap = $('#wrap');
var kWindow =$('#div_widget').kendoWindow({
actions: ["Refresh", "Maximize", "Minimize"],
height : 300,
width : 600,
appendTo : $wrap,
title : "drag me outside iframe - I'll NOT stick to mouse",
iframe : true,
content: w.href,
}).data("kendoWindow").open().center();
$("#wrap").mouseleave(function(){
$('#div_widget').trigger('mouseup');
});
$('#div_widget').mouseleave(function(){
$('#div_widget').trigger('mouseup');
});