Поиск в столбце с данными

Question

Я пытаюсь реализовать поисковый ввод для каждого столбца моей таблицы данных, используя пример кода, представленный в документации.

Мой сценарий

// Call the dataTables jQuery plugin
$(document).ready(function() {

  var table = $('#dataTable').DataTable(


    {
        "order": [ 7, "desc" ]
    },
  {     "paging":   false,
        "ordering": true,
        "info":     false
  },
      {
        "lengthMenu": [10, 25, 50, 100, 500]
    },

      {
    "language": {
            "lengthMenu": "Afficher _MENU_ liens par page",
            "zeroRecords": "Pas de résultats",
            "info": "Afficher page _PAGE_ sur _PAGES_",
            "infoEmpty": "Pas d'entrées disponibles",
            "infoFiltered": "(filtré sur _MAX_ liens)"
        }
      }
  );

    table.on( 'draw', function () {
        var body = $( table.table().body() );

        body.unhighlight();
        body.highlight( table.search() );  
    } );

     $('#dataTable tfoot th').each( function () {
        var title = $(this).text();
        $(this).html( '<input type="text" placeholder="Search '+title+'" />' );
    } );

    table.columns().every( function () {
        var that = this;

        $( 'input', this.footer() ).on( 'keyup change clear', function () {
            if ( that.search() !== this.value ) {
                that
                    .search( this.value )
                    .draw();
            }
        } );
    } );
});

Это не работает и нарушает основную функцию поиска ... Я очень плохо отношусь к JS, извините, если ответ очевиден.