Jquery .on click не работает при первом нажатии

У меня есть текстовое поле, для которого мне нужно установить значение, когда пользователь либо выбирает параметр в поле выбора, либо вводит текст в текстовое поле и нажимает на ссылку. Затем оба события закрывают div, содержащий поле выбора и текстовое поле/ссылку.

Опция выбора работает

$(document).on("change", ".select_choice", function(event) {
    var string = $(this).find("option:selected").text();
    $(this).closest(".select_toggle_area").find(".toggle_choices").toggle();
    $(this).closest(".select_toggle_area").find(".target_input").val(string);
});

Текстовое поле/ссылка работает по второму клику. Каждый раз, когда что-то вводится в поле, ссылка не работает с первого клика. Он скрывает div, но не обновляет значение целевого поля.

$(document).on("click", ".text_choice_button", function(event) {
    event.preventDefault();
    var string = $(this).closest(".select_toggle_area").find(".text_choice").val();
    $(this).closest(".select_toggle_area").find(".target_input").val(string);
    $(this).closest(".select_toggle_area").find(".toggle_choices").toggle();
});