Значения формы qTip2 не будут загружаться

Question

У меня есть скрытый div с формой, которая отображается в qTip2 при нажатии кнопки (.acceptAppButton). Важно отметить, что таких кнопок несколько, каждая с числовым идентификатором. По щелчку, в дополнение к показу qtip, я хотел бы заполнить скрытое поле в форме (name=app_id) с идентификатором кнопки, по которой щелкнули. Однако, когда я пытаюсь динамически изменить значение скрытого поля формы, qTip загружает пустую форму.

Если я удаляю класс, скрытый в отладчике, я вижу, что исходная скрытая форма была правильно заполнена, а qtip - нет.

HTML:

<div class="hidden acceptanceMessageTooltip">
<form method="POST" action="SITEURL" accept-charset="UTF-8">
    <input class="hidden" name="app_id" type="text">
    <textarea placeholder="Message" rows="3" name="acceptance_message" cols="50"></textarea>
    <input class="btn-med" value="Send" type="submit">
</form>
</div>

JavaScript:

    $('.acceptAppButton').click(function() {
       var appId=$(this).attr('id');
       $(".acceptanceMessageTooltip input:text[name=app_id]").val(appId);
       $('.acceptAppButton').qtip('option', 'content.text',
       $('.acceptanceMessageTooltip').html());
    });

$('.acceptAppButton').qtip({
    content: $('.acceptanceMessageTooltip').html(),
    show: {event: 'click'},
    hide: {event: 'unfocus'},
    style: {classes: 'qtip-bootstrap'},
    position: {
        my: 'top center',
        at: 'bottom center'
    }
});