Is there a way to clear the search box in a wenzhixin bootstrap table without refreshing the page when clicking anywhere on the page?
<table id="view_table" data-toggle="table"
data-search="true"
data-page-list="[5, 10, 20]"
data-page-size="5"
data-pagination="true"
data-show-pagination-switch="true" >
<thead>
<tr class="table-heading">
<th data-field="image"><h4>Image</h4></th>
<th data-field="name"><h4>Name</h4></th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<button id="empty_search" class="btn btn-primary">Save</button>
<script>
$('#empty_search').on('click', function(){
$.(this.["data-search"]).empty();
});
</script>