ain't_working

Tenho uma página php que usa ajax pra carregar uma tabela sem dar refresh e mais uma função js que desabilita o botão "Buscar" enquanto a tabela é carregada. O problema é o seguinte: antes de eu colocar essa função que desabilita o botão, o ajax carregava a tabela normalmente na página. Agora, ele ainda carrega a tabela, porém carrega também uma cópia dos filtros select options que uso pra fazer a pesquisa. Não faço idéia do que aconteceu.... Alguém pode me ajudar ? Segue o código: <div id="formulario" class="container-fluid"> <div class="row"> <div class="plRel" id="relpesq"> <form class="form-inline" method="post" name="formpesq" action="/pesquisa_log.php" id="formpesq"> <input type="hidden" name="funcao" id="funcao" value="pesquisa"/> <div class="form-group"> <label>Empresa</label> <select class="form-control" name="codempresa" value="codempresa" id="codempresa" onchange="javascript:buscar();" style="width: 250px;"><?=$selectempresa?></select> </div><br> <div class="form-group" style="margin-top: 5px"> <label style="margin-right: 5px">Usuario</label> <input type="text" class="form-control" name="nomeusuario" id="nomeusuario" style="width: 250px;" onchange="javascript:nomes();"/> <select class="form-control" name="usuario" id="usuario" style="width: 250px;"></select> </div> <div class="form-group" style="padding-top: 6px"> <label style="margin-left: 15px">De</label> <input type="date" class="form-control" name="datade" id="datade" style="margin-left: 2px"/> </div> <div class="form-group" style="margin-top: 5px"> <label style="margin-right: 8px">Cliente</label> <input type="text" class="form-control" name="nomecliente" id="nomecliente" style="width: 250px;" onchange="javascript:nomeclientes();"/> <select class="form-control" name="codcliente" id="codcliente" style="width: 250px;"></select> </div> <div class="form-group" style="padding-top: 6px"> <label style="margin-left: 15px">Até</label> <input type="date" class="form-control" name="dataate" id="dataate" style="margin-left: 0px"/> </div><br> <div class="form-group" style="margin-top: 5px"> <label style="margin-left: -5px">Tipo Log</label> <select class="form-control" name="tipoentradalog" id="tipoentradalog" style="width: 250px;"><? foreach($rst2 as &$row) { echo("<option value='".$row['codtipoentradalog']."'>".$row['nome']."</option>");} ?></select> </div> <button type="button" style="margin: 6px 0px 0px 2px" id="botao" name="botao" onclick="javascript:carregartabela();" class="btn btn-default">Buscar</button> </form> </div><br> </div> </div> </div> <div id="tabela"></div>function carregartabela(){ if($("#codempresa").val() == ""){ alert("Selecione a empresa."); $("#codempresa").focus(); return; } else { $("#funcao").val("pesquisa"); data = $('#formpesq').serialize(); var jqxhr = $.ajax({ url: "/pesquisa_log.php", type: "POST", timeout: default_timeout, data: data }) .done(function (retorno) { arr = retorno; $('#tabela').replaceWith('<table id="carrtab">' + arr + '</table>'); console.log(arr); }); } } $(function(){ $('#botao').on('click', function(){ var self = $(this); $.ajax({ url: 'pesquisa_log.php', beforeSend: function(){ self.attr('disabled', 'true'); }, complete: function(){ self.removeAttr('disabled'); } }); }); });if($funcao == 'pesquisa') { ?> <table class="table table-bordered table-hover center-text" name="carrtab" id="carrtab" style="background-color: #ffffff;"> <thead align="center"> <tr class="danger"> <th class="text-center">Data</th> <th class="text-center">Tipo</th> <th class="text-center">Descrição</th> <th class="text-center">Cliente</th> <th class="text-center">Usuario</th> <th class="text-center">Link</th> </tr> </thead> <tbody> <? $tipoentradalog = post('tipoentradalog'); $usuario = post('usuario'); $codcliente = post('codcliente'); $datade = post('datade'); $dataate = post('dataate'); $codigo = post('codigo'); $sql = "SELECT l.datacriacao, tl.nome as tipo, l.descricao, cli.nome as cliente, us.nome as usuario, l.codigo FROM log l INNER JOIN cliente cli ON cli.codcliente=l.codcliente INNER JOIN usuario us ON us.codusuario=l.codusuario INNER JOIN empresa emp ON emp.codempresa=l.codempresa INNER JOIN tipoentradalog tl ON tl.codtipoentradalog=l.codtipoentradalog WHERE cli.codempresa=$codempresa AND l.datacriacao BETWEEN '$datade%' AND '$dataate%' "; if (!empty($usuario)) $sql .= " and us.codusuario=$usuario "; if (!empty($codcliente)) $sql .= " and cli.codcliente=$codcliente "; if (!empty($tipoentradalog)) $sql .= " and tl.codtipoentradalog=$tipoentradalog "; $rst = my_query($connR, $sql); foreach ($rst as $row) { ?> <tr> <td align="center"><?= normalDate($row['datacriacao']); ?></td> <td align="center"><?= $row['tipo'] ?></td> <td align="center"><?= $row['descricao'] ?></td> <td align="center"><?= $row['cliente'] ?></td> <td align="center"><?= $row['usuario'] ?></td> <td align="center"> <a href="loadmodal.php?codigo=<?= $row['codigo'] ?>" data-toggle="meumodal" data-target="#modalContainer" class="link-target" role="link" aria-expanded="false" aria-controls="modalContainer" style="text-decoration: none; color: black;"><?= $row['codigo'] ?></a> </td> </tr> <? if (!empty($row['codigo'])) { global $codigo; $codigo = $row['codigo']; } } ?> </tbody> </table>Obrigada.