Aquí tengo mi código ya lo hice en un `input` y me busca los datos, pero al presionar el botón `buscar` no me busca, ¿por qué puede ocurrir y cómo puedo solucionarlo?. 

Esto es mi código jQuery:

    $(document).ready(function () {
        $("#btnBuscar").click(function () {
    
            // Buscar por Fecha  
            var busquedaFec = document.getElementById('txtFecUtilidad');
            var table = document.getElementById("tabla").tBodies[0];
       
         //   alert("Entrooooo");
            buscaaTabla = function () {     
    
                texto = busquedaFec.value.toLowerCase();
                var r = 0;
                while (row = table.rows[r++]) {
                    if (row.innerText.toLowerCase().indexOf(texto) !== -1)
                        row.style.display = null;
                    else
                        row.style.display = 'none';
                }
            }
            busquedaFec.addEventListener('keyup', buscaaTabla);
        });
    });

Parte HTML mi código:

        <div class="col-md-4" style="top:-15px">
            <div class="form-group label-floating">
                <label class="control-label">Fecha de Utilidad</label>
                <input type="text" class="form-control datepicker " id="txtFecUtilidad" />                                                                 
            </div>
        </div>
    </div>
                                   
    <div class="col-md-4" style="top:-20px">
    <!--<button onclick="jsBuscar();" class="btn btn-info btn-block" value="Buscar" >Buscar</button>--> 
        <button class="btn btn-info btn-block " id="btnBuscar" type="button" value="Buscar" >Buscar</button>
    </div>