$(document).ready qtip后 如何在后面动态改变呢？

Question

    <script type="text/javascript">        $(document).ready(function () {
            $("#a_qqweibo").qtip({
                content: {
                    text: $("#TxtQQWeibo").val(),
                    title: { text: "提示标题", button: "关闭" }
                },
                position: {
                    my: 'top left',        
                    at: 'bottom right'
                },
                show: {
                    event: 'click',
                    modal: false,
                    ready: false
                },
                hide: {
                    event: 'blur', 
                }
            });        }); </script>$("#a_qqweibo")  是个A链接，$("#TxtQQWeibo")是个文本框这里用到了qtip2，想要的效果是点击A后给出的提示是文本框里输入的内容但是因为是在$(document).ready中写的，后面不跟着文本框的改变而改变了。请教大家如何搞才能实现这个功能呢？

Answer 1

$(document).ready( function() {
$("#a_qqweibo").qtip({
content: {
text: 'DEFAULT'
}
});
$("#TxtQQWeibo").change( function() {
$("#a_qqweibo").qtip('option', 'content.text', $(this).val());
});
});