Jquery ui 无法访问引导Popover/Jquery自动完成中的DIV元素

我有一个链接可以打开一个引导程序。在这个popover中，我有一个文本字段，我想用作Jquery自动完成。问题是，我不确定如何访问popover中文本框的Div ID——使用传统方法是行不通的。我的Autocomplete在独立页面上运行良好，但在popover上则不行。请帮忙

<a href="#" id="add_game" data-toggle="add_game" data-content='<div class="input-group">Text: <input type="text" id="add_game_search"/></div>'>Popover</a>

$(document).ready(function () {
    $('[data-toggle="add_game"]').popover({
        'trigger': 'click',
            'html': 'true',
            'placement': 'bottom'
    });
});

$(document).ready(function () {
    $('.add_game_search').autocomplete({        
        source: function (request, response) {
            $.ajax({
                global: false,
                url: "http://www.google.com",
                dataType: "html",
                success: function (data) {
                    response($.map(data, function (item) {
                        alert("in response");
                    }));
                }
            });
        }
    });
});

$（文档）.ready（函数（）{
$（'[data toggle=“add_game”]'）。popover({
“触发器”：“单击”，
“html”：“true”，
“位置”：“底部”
});
});
$（文档）.ready（函数（）{
$（'.add_game_search'）。自动完成（{
来源：功能（请求、响应）{
$.ajax({
全球：错，
url:“http://www.google.com",
数据类型：“html”，
成功：功能（数据）{
响应（$.map）（数据、功能（项）{
警惕（“回应”）；
}));
}
});
}
});
});

js小提琴：

---

简化的fs fiddle证明了这一概念：

这里的问题不在于jQuery自动完成或引导。实际原因是，

#添加游戏搜索

是在您单击尚未处理的

弹出窗口

时动态生成的

更改代码如下：

$(document).ready(function () {
    $('body').on('click', '#add_game_search', function () {
        alert("here");
    });
});