javascript - Custom search box using your own <input type="text"> -

as can see in this example jquery datatables has search box function.

i want create customized search box design. possible create own using code below outside datatables?

<input type="text" id="search" name="search">  

please see search api example , how global search implemented.

for example, can use code below search id of search box:

$(document).ready(function() {     $('#example').datatable();      $('#search').on( 'keyup click', function () {        $('#example').datatable().search(            $('#search').val()        ).draw();     } );      } );