​

            $(document).ready(function () {

                   $("#example").on("preInit.dt", function(){

                     $("#example_wrapper input[type='search']").after("<button type='button' id='btnexample_search'></button>");

                   });

                $('#example').DataTable({

                    "processing": false,

                    "serverSide": true,

                  "initComplete":function(){onint();},

                    "ajax":{

                        url: "/examples/server_side/scripts/objects.php",

                        type:"GET",

                      data:function(dtp){

                        // change the return value to what your server is expecting

                        // here is the path to the search value in the textbox

                        var searchValue = dtp.search.value;

                        return dtp;}

                    },

                    "columns": [

                    { "data": "first_name" },

                    { "data": "last_name" },

                    { "data": "position" },

                    { "data": "office" },

                    { "data": "start_date" },

                    { "data": "salary" }

                    ]

                });

            });

       // this function is used to intialize the event handlers

       function onint(){

         // take off all events from the searchfield

         $("#example_wrapper input[type='search']").off();

         // Use return key to trigger search

         $("#example_wrapper input[type='search']").on("keydown", function(evt){

              if(evt.keyCode == 13){

                $("#example").DataTable().search($("input[type='search']").val()).draw();

              }

         });

         $("#btnexample_search").button().on("click", function(){

               $("#example").DataTable().search($("input[type='search']").val()).draw();

​

         });

       }