Javascript 绑定键以导航结果

所以我有一个输入，我使用ajax获取结果这是简化的代码，看起来像这样

<input placeholder="search here" id="search"></input>
<div id="searchResults">
     <a href="link">search result 1</a>
     <a href="link">search result 2</a>
</div>

---

因此，我想要的是，当有人搜索某个内容时，下一个div中显示的结果可以通过箭头键导航，而无需移动鼠标或使用tab键。

以下是一些示例。这里演示

---

你试过什么吗？展示一些你尝试过但不起作用的代码，这不是一个编码服务…我不是说你应该编码，我不认为我是第一个需要这样做的人，如果你能分享一些我可以阅读的东西来使用它会很有帮助的对吧，你不是第一个，因此，先在谷歌上提问或搜索现有问题。先研究一下，然后问问你是否能让它工作。

$(document).ready(function () {


    $(document).keyup(function (e) 
     {
        var code = (e.keyCode ? e.keyCode : e.which);
         if (code == 38) {
             $("#searchResults a").css("background-color","#fff");
            $("#searchResults a").prev().css("background-color","yellow");
         } 
         else if (code == 40) 
         {
             $("#searchResults a").css("background-color","#fff");
            $("#searchResults a").next().css("background-color","yellow");
         }
    });

});