我的网站搜索结果不受jquery的影响

我有一个网站，可以在数据库中搜索东西，现在就让它是船吧。

我用这个表格

<form method="post" action="">
    <input type="text" class="form-control" id="searchField" name="searchField" autocomplete="off"/>
</form>
<div id="searchResults"></div>

和这个jquery显示serch结果

//Autocomplete search field
$("#searchField").keyup(function(){
    var input = $("#searchField").val();
    $("#searchResults").html("");
    input = $.trim(input);
    if(input){
        $.post( "source/pages/processing/search_boats.php", {inputString:""+input+""}, function( data ) {
            $( "#searchResults" ).html( data );
        });
    }   
});

search_boats.php如下所示：

<?php 
$input = $_POST['inputString'];
$sql = mysqli_query($dbcon, "SELECT boat_name FROM boats WHERE boat_name LIKE '%".$input."%' ORDER BY boat_name LIMIT 5 ");
echo "<ul id='searchUL'>";
while($row = $sql -> fetch_array()){
?>
    <div class="row">
        <div class="col-md-4">
            <a href="#" onclick="return displayRest();"><? echo $row['boat_name']?></a>
        </div>
    </div>      
<?

目前，这项工作非常完美-就像我想要的那样。然而，当这些搜索结果出现在网站上时，我无法在它们上添加任何点击事件。我试着做纽扣、锚。我怀疑jquery还没有准备好接受这段添加的搜索结果，这段搜索结果让用户感到不快。例如，我可以在点击任何锚标签时隐藏一个名为myDiv的div

像这样…

$("a").click(function(){
        $("#myDiv").toggle();
    });

但当我点击搜索结果上的锚时，myDiv并没有被隐藏。

可能是什么问题？