<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
</head>
<body>
<p>Test</p>
</body>
</html>
and in the Edit button I put$('.trSelected', grid).each(function () { var id = $(this).attr('id'); id = id.substring(id.lastIndexOf('row') + 3); currentId = id; $('#fntype').val('Edit'); // var url = '/Client/Edit/' + id; // var url = "/Home/About/"; // $("#sform").load(url).dialog({ modal: true, width: 1200, height: 750, resizable: true, close: function (event, ui) { alert('Closed'); } }); var url = "Test.html"; $('#sform').dialog({ autoOpen: false, width: 1200, height:750, close: function (event, ui) { alert('Closed'); }, resizable: true, modal: true, open: function (event, ui) { $(this).load(url); }, }); $('#sform').dialog('open'); }); }But now the Edit button simply opens the empty dialog (same as Edit). In other words, it doesn't look like that HTML is loaded at all.