数据表搜索不适用

Question

HTML：

<thead>
    <tr>
        <th class="heading">ID</th>
        <th class="heading">Create Date</th>
        <th class="heading">Client Name</th>
        <th class="heading">Company Name</th>
    </tr>
    <tr>
        <th>ID</th>
        <th>Create Date</th>
        <th>Client Name</th>
        <th>Company Name</th>
    </tr>
</thead>

jQuery的：

$('#example th.heading').each(function() {
    var title = $(this).text();
    $(this).html('<input type="text" placeholder="Search ' + title + '" />');
});
table.columns().every(function() {
    var that = this;
    $('th.heading > input', this.header()).on('keyup change', function() {
        if (that.search() !== this.value) {
            that
                .search(this.value)
                .draw();
        }
    });
});

任何人都可以告诉我Datable正确地进行搜索输入。但是，当我是Keyup或更改时，搜索无效。我该如何解决这个问题？抱歉我的英语不好。提前致谢。编辑问题，以便其他用户可以提供帮助。