Using Ajax Solr with JQuery Datatables

AajxSolrJQueryDataTables.php

<div id="bkt_db_tables">
<h1>Games</h1>

<table id="example" class="display" width="100%">
  
<thead>
<tr>
<th>Game_ID</th>
<th>Home_Team</th>
</tr>
</thead>

<tfoot>
<tr>
<th>Game_ID</th>
<th>Home_Team</th>
</tr>
</tfoot>

</table>

</div>

<script type="text/javascript">
jQuery(document).ready(function($) {
   $('#example').dataTable( {
       "processing":true,
       "serverSide":true,
       "bLengthChange": false,
     "ajax": function ( data, callback, settings ) {
       $.ajax( {
         "url": "https://index.websolr.com/solr/xxxxxxxx/select/",
         "data": $.extend( {}, data, {'wt':'json', 'q':'Game_ID:*', 'rows':'10'} ),
         "dataType": "jsonp",
         "jsonp":"json.wrf",
         "success": function ( json ) {
           var o = {
             recordsTotal: json.response.numFound,
             recordsFiltered: json.response.numFound,
             data: json.response.docs
           };        
           callback( o );
         }
       } );
     },
        "aoColumns": [
              {"data" : "Game_ID" },
              {"data" : "Home_Team" }
        ]
   });
});
</script>

Hi In my case search is not working.