Estoy usando el componente de ventana de Kendo UI, que es similar a cualquier diálogo modal.

Tengo un botón de cierre, ¿cómo cierro la ventana al hacer clic en ese botón (en lugar de hacer clic en el botón 'x' predeterminado en la barra de título)?

El contenido de mi ventana se carga desde otra vista.

@(Html.Kendo().Window()
           .Name("window")
           .Title("Role")
           .Content("loading...")
           .LoadContentFrom("Create", "RolesPermissions", Model.Role)
           .Modal(true)
           .Width(550)           
           .Height(300)           
           .Draggable()
           .Visible(false)
          )

En esa misma vista, tengo

<span id="close" class="btn btn-inverse">Cancel</span>

Esto es lo que tengo en mi vista principal (la vista que llama a la ventana)

$(document).ready(function () {
    var window = $("#window").data("kendoWindow");

    $("#open").click(function (e) {
        window.center();
        window.open();
    });

    $("#close").click(function(e) {
        window.close();
    });
});