qTip2表单值不会加载

Question

我有一个带有表单的隐藏div，当单击一个按钮（.acceptAppButton）时，该表单显示在qTip2中。重要的是要注意有多个这样的按钮，每个按钮都有一个数字ID。点击后，除了显示qtip之外，我还想在表单（name = app_id）中填入一个隐藏字段，其中包含单击按钮的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'
    }
});