Как получить содержимое окна кендо внутри тега формы?

Question

У меня есть следующий HTML-код, в котором адрес отображается с использованием окна Kendo

<form id="myform">
    <input id="firstName" class="form-control" />
    <input id="lastName" class="form-control" />

    <button id="btnOpenWindow" type="button" class="btn btn-info">Click Me To Edit Address</button>
    @(Html.Kendo().Window()
        .Name("mywindow")
        .Title("My Window")
        .Width(400)
        .Visible(false)
        .Modal(true)
        .Content("<input id=\"address\" class=\"form-control\">")
        .Draggable(false))

    <button id="btnSubmit" type="submit" class="btn btn-info">Save</button>
</form>
<script src="~/js/test.js"></script>

файл test.js

$("#btnOpenWindow").click(function () {
         $("#mywindow").getKendoWindow().open().center();
        
});

ПРОБЛЕМА
Несмотря на то, что окно кендо определено внутри form он всегда отображается в конце страницы непосредственно перед bodyтег вместе с его содержимым. Так address не отображается внутри form. Поэтому, когда пользователь нажимает кнопку "Сохранить", адресная информация не передается на сервер.

Как получить рендеринг содержимого окна кендо внутри формы?