Почему в ответе AJAX не работает тег <form>

Question

У меня есть 2 простых синхронных запроса AJAX:

iDialog.LoadContent(url).done(
    function()
    {
        content = iDialog.content;

        $.ajax({
            method: "POST",
            url: iDialog.router,
            data: { content: content }
        }).done(function(response) {
            //do some stuff..
        });
    }
);

LoadContent:

LoadContent: function(url)
{
    if (url === "undefined")
        return;

    return $.ajax({
        method: "POST",
        url: url,
        data: {},
        success: function(html)
        {
            iDialog.content = html;
            var iDialogEvent = new CustomEvent("iDialogContentLoaded");
            window.dispatchEvent(iDialogEvent);
        }
    });
},

Где content - простая форма <form></form>. response - это ответ от сервера, и он должен быть такой же формы, но вместо него я получил сломанный тег <fo rm=""></fo>. Интересно, что console.log(content) показывает правильный <form></form>, кажется, проблема где-то во втором запросе. Никогда раньше не сталкивался с такой странной проблемой.

На стороне сервера:

ob_end_clean();
echo $_REQUEST["content"];
die();

Должен ли я отправлять теги HTML другим способом? Что я делаю не так?