Как изменить содержимое вне диалогового окна jQuery UI из диалога?

У меня есть диалоговое окно, которое появляется при выборе определенного диапазона. Теперь этот диалог содержит текстовое поле (следовательно, редактируемое). При нажатии кнопки "Сохранить" мне нужно скопировать содержимое textarea в ячейку таблицы вне диалогового окна. Кажется, это не происходит. Infact при добавлении второй строки кода в функцию Save, диалоговое окно не появляется! (Используя это в WordPress на всякий случай, это имеет значение)

jQuery(document).ready(function ($) {
    $("td > span").click(function () {
        var id = $(this).attr('id');
        var message = "message" + id;
        var content = jQuery("#" + message).text();
        var $dialog = $("<div></div>").html("<textarea style='width:99%; height:90%' class='popup-content'>" + content + "</textarea>").dialog({
            height: 400,
            width: 400,
            title: 'My Data',
            modal: true,
            autoOpen: false,
            dialogClass: 'wp-dialog',
            buttons: {
                "Save": function () {
                    var popup - content = $(".popup-content").val();
                }
            }
        });
        $dialog.dialog("open");
    });
});