无法在bootstrap popover中获取链接数组

Question

我正在尝试在popover中创建一个搜索选项。

我使用AJAX将这些弹出窗口加载到页面中。

我的popover代码：

$(function () {
    $('body').on('click','.popup1',function(){
            var  windowid = this.id;
            $(".popup1").popover({
                title: "Kies product",
                content: '<input type="text"class="form-control" id="search" name="ProductSearch"  autocomplete="off" /><div id="searchable" class="list-group" style="margin-bottom: 0px;><div class="personScroll"><?php foreach($products as $d):?><a id="' + windowid + '" class="list-group-item" onclick="Sending1(<?=$d->productid?>,this.id);" href="javascript:;"><?=$d->titel?></a><?php endforeach;?></div>',
                html: true,
                trigger: 'manual',
                placement: "top",
                template: '<div class="popover personchoose"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'
            });
            $(this).popover('toggle');
            $(".popup1").on('shown.bs.popover', function (e) {
                Search();
                $(".hideable").not(e.target).popover("hide");
                });
        });

}）;

我的搜索功能：

function Search() {
                var $rows = $('#searchable div a');
                $('#search').keyup(function () {
                    var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();

                    $rows.show().filter(function () {
                        var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
                        return !~text.indexOf(val);
                    }).hide();
                });
            };

找不到行，我不知道为什么。任何人都可以帮我修复这种方法或给出其他选择吗？

TNX。