Aqui tengo mi codigo ya lo hice en un input ya me busca los datos pero al precionar boton buscar no me busca, por favor alguien me puede ayudar, se le agradecera. 

esto es mi codigo 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 codigo //////////
                    <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>