Javascript

<script type="text/javascript">
  $(document).ready(function(){

      fill_datatable();

      function fill_datatable( dataGender = '')
    {
        var dataTable = $('#table_data').DataTable({
            processing: true,
            serverSide: true,
              "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
            ajax:{
            url:'/filter-result',
            data:{dataGender:dataGender,ethnicity:ethnicity,area:area,state:state,namaDUN:namaDUN}
            },

              columns: [
                  {
                      data:'id',
                      name:'id'
                  },
                  {
                      data:'First_name',
                      name:'First_name'
                  },
                  {
                      data:'Last_name',
                      name:'Last_name'
                  },
                  {
                      data:'Umur',
                      name:'Umur'
                  },
                  {
                      data:'Phonenum',
                      name:'Phonenum'
                  },
                  {
                      data:'TarikhLahir',
                      name:'TarikhLahir'
                  },
                  {
                      data:'Negeri',
                      name:'Negeri'
                  },
                  {
                      data:'Country',
                      name:'Country'
                  },
                  {
                      data:'postcode',
                      name:'postcode'
                  },
                  {
                      data:'Ct',
                      name:'Ct'
                  },
                  {
                      data:'Jantina',
                      name:'Jantina'
                  }

              ]

          });

      }


    $('#filter').click(function(){
        var table = $('#table_data').DataTable();
      var age = $('#age').val();
      var dataGender = $('#dataGender').val();
      var ethnicity = $('#ethnicity').val();
      var area = $('#area').val();
      var state = $('#state').val();
      var namaDUN = $('#namaDUN').val();


      if( $.fn.DataTable.isDataTable('#table_data')){
            table.destroy();
            $('#table_data').empty();
            alert('haha')
            var dataTable = $('#table_data').DataTable({
            processing: true,
            serverSide: true,
			"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
            ajax:{
            url:'/filter-result',
            data:{dataGender:dataGender,ethnicity:ethnicity,area:area,state:state,namaDUN:namaDUN}
            },

            columns: [
                  {
                      data:'id',
                      name:'id'
                  },
                  {
                      data:'First_name',
                      name:'First_name'
                  },
                  {
                      data:'Last_name',
                      name:'Last_name'
                  },
                  {
                      data:'Umur',
                      name:'Umur'
                  },
                  {
                      data:'Phonenum',
                      name:'Phonenum'
                  },
                  {
                      data:'TarikhLahir',
                      name:'TarikhLahir'
                  },
                  {
                      data:'Negeri',
                      name:'Negeri'
                  },
                  {
                      data:'Country',
                      name:'Country'
                  },
                  {
                      data:'postcode',
                      name:'postcode'
                  },
                  {
                      data:'Ct',
                      name:'Ct'
                  },
                  {
                      data:'Jantina',
                      name:'Jantina'
                  }

              ]

          });


          }
    });