JQuery KeyUp и щелчок мышью не могут работать с одной и той же функцией

$("#app-search").keyup(function (event) {
if (event.keyCode == 13) {
$(".search-pool").click();    
}    
}); 

<div class = "modal-body">
<div class = "row">
<div class = "col-md-4 pull-right" id = "search-view">
<div class = "input-group">
@Html.TextBoxFor(m => m.search, new { id = "app-search", @class = "form-control"})
<a id = "btn-clear-search2" class = "fa fa-times-circle-o"></a>
 <span class = "input-group-btn">
<button class = "search-pool btn btn-primary" type = "button">
<span class = "fa fa-search"></span>
</button>
</span>
</div>
</div>
</div>

$('.search-pool').on('click', function () {
$('#label-error').hide();
$.ajax({
url: '@Url.Action("PoolDetails")',
type: 'GET',
dataType: 'html',
data: { search: $('#app-search').val() }
})
.done(function (responce) {
$('#pool-details').html(responce);
$('#btn-clear-search2').show();
checkSelected();
 FillSelected();
})
});