JS работает немного не так, как хотелось бы

Всем доброй ночи. Копаясь с кнопками немного не могу разобраться в следующем коде:

<script type="text/javascript">
var getFormOnClick = function (selector, formType) {
    $(selector).on("click", function (events) {
        var id = $(this).attr("value");
        $.ajax({
            url: '/Topic/GetActionForm',
            context: this,
            type: 'GET',
            data: { topicId: id, formType: formType },
            success: function (data) {
                $(this).parents(".card").after(data);
            },
            error: function () {
                $(this).parents(".card").after('<p class="text-danger">Error! Refresh the page.</p>');
            }
        });
        $(this).hide();
        $(this).siblings("button").hide();
    });
}
getFormOnClick(".edit", "edit");
getFormOnClick(".delete", "delete");
$(document).on("click", ".cancel", function (events) {
    $(this).parents(".post").find("button").show();
    $(this).parents(".card").remove();
})
$(document).on("click", ".reply", function (events) {
    $(this).before('@await Component.InvokeAsync("Reply", new Topic
               {
                   ForumId = rootTopic.ForumId,
                   RootTopicId = rootTopic.RootTopicId,
                   ReplyToTopicId = Model.Last().Id
               })'
        );
    $(this).hide();
    tinymce.init({
        selector: '#mytextarea'
    });
});

Нажимая на Reply - я открываю форму 1 (ниже скрины). Нажав на Cancel и открывая форму повторно - у меня по какой то причине не срабатывает повторно tinymce.init (скрины отладчика ниже, ошибок нет). Господа. Помогите пожалуйста понять причину!