当我在输入字段上键入时显示带有结果的弹出框

Question

I'm using an input field that on type calls the ajax to search and gets results back and then i display them using UL.

I want to keep the input field and when i type i want to have a popover with the results inside.

HTML

<input type="text" id="searchTheKey">
    <ul id="matchKey" ></ul>

Ajax

<script>
  $("#searchTheKey").on('keyup', function() {
    var value = $('#searchTheKey').val();
    $.ajax({
      type: "POST",
      url: '../config/queue_quick_search.php',
      data: {
        key: value
      },
      success: function(data) {
        // console.log(data);
        $('#matchKey').html(data);
      },
      error: function(xhr, status, error) {
        console.error(xhr);
      }
    });
  })
</script>