layui再次搜索无效

1、layui第一次查询后再次查询没有点击事件，无法二次查询
html源码

<script type="text/html" id="toolbarDemo">
<div class="demoTable">
    账号：
    <div class="layui-inline">
    <input class="layui-input" name="keyword" id="demoReload" autocomplete="off">
    </div>
    <button class="layui-btn" data-type="reload" id="search">搜索</button>
    <button class="layui-btn" lay-event="add">添加</button>
</div>
</script>

添加一个id，后面会进行重载（,id: ‘testReload’）

这里面的参数where表示的是接口的其他参数，key指的是搜索框中输入的内容。

//头部查询功能
var $ = layui.$,active = {
        reload: function () {
            var demoReload = $('#demoReload');
            //执行重载就用到上面定义的id: 'testReload'
            table.reload('testReload', {
                url: '/sel_data',   ###请求接口
                method: 'get',
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                , where: {
                    user_name: demoReload.val()
                    //user_name接收你输入的内容
                }
            },'data');
        }
    };
 //这部分的代码就是第一次输入后，第二次还可以继续输入   
$('body').on('click','.demoTable .layui-btn',function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
  });