DataTable does not filter after picking value from select

I'm having the following problem, after picking the value from select I can not filter the datatable

$('#genero_candidato, #area_interesse1_candidato').change(function() {

  var genero = $('#genero_candidato').val();
  var area = $('#area_interesse1_candidato').val();

  $.each(listcandidatos, function(i, field) {
    var teste = field.data_nasc_candidato.split("-");
    var data1 = idade(teste[0], teste[1], teste[2]) + " Anos";
    if (field.genero_candidato == genero && field.area_interesse1_candidato == area) {
      $('#mostrarDados').append('<tr><td><a href="<?= base_url(); ?>Lista/mostrarCandidato/' + field.id_candidato + '">' + field.nome_candidato + '</a></td>' +
                                '<td><a href="<?= base_url(); ?>Lista/mostrarCandidato/' + field.id_candidato + '">' + field.proposta_candidato + '</a></td>' +
                                '<td><a href="<?= base_url(); ?>Lista/mostrarCandidato/' + field.id_candidato + '">' + data1 + '</a></td></tr>');
    }
    if (genero == "" && field.area_interesse1_candidato == area) {
      $('#mostrarDados').append('<tr><td><a href="<?= base_url(); ?>Lista/mostrarCandidato/' + field.id_candidato + '">' + field.nome_candidato + '</a></td>' +
                                '<td><a href="<?= base_url(); ?>Lista/mostrarCandidato/' + field.id_candidato + '">' + field.proposta_candidato + '</a></td>' +
                                '<td><a href="<?= base_url(); ?>Lista/mostrarCandidato/' + field.id_candidato + '">' + data1 + '</a></td></tr>');
    }
    if (field.genero_candidato == genero && area == "") {
      $('#mostrarDados').append('<tr><td><a href="<?= base_url(); ?>Lista/mostrarCandidato/' + field.id_candidato + '">' + field.nome_candidato + '</a></td>' +
                                '<td><a href="<?= base_url(); ?>Lista/mostrarCandidato/' + field.id_candidato + '">' + field.proposta_candidato + '</a></td>' +
                                '<td><a href="<?= base_url(); ?>Lista/mostrarCandidato/' + field.id_candidato + '">' + data1 + '</a></td></tr>');
    }
    if (genero == "" && area == "") {
      $('#mostrarDados').append('<tr><td><a href="<?= base_url(); ?>Lista/mostrarCandidato/' + field.id_candidato + '">' + field.nome_candidato + '</a></td>' +
                                '<td><a href="<?= base_url(); ?>Lista/mostrarCandidato/' + field.id_candidato + '">' + field.proposta_candidato + '</a></td>' +
                                '<td><a href="<?= base_url(); ?>Lista/mostrarCandidato/' + field.id_candidato + '">' + data1 + '</a></td></tr>');
    }

  });


});