模糊搜索附加内容

Question

我有一个点击事件将列表附加到html，之后我想使用模糊搜索来搜索列表中的内容。但是当我输入文字时，列表就会消失。

主要想法是这样的： HTML：

<div class="list">
the appended list goes here
</div>

的javascript：

$("selector").on("click",function(){
  $("selector").append("text.....")
});
 // fuzzy-search function
var monkeyList = new List('text-list', { 
 valueNames: ['name']
});

我的代码链接：https://codepen.io/BeauBo/pen/gxmpLK?editors=1111