JQuery filter html content using keydown, mouseenter, mouseleave and includes

This web example will try to filter people's names through a search engine using the jquery functions keydown and includes. In addition, hovering the mouse over the names will change the color by using the jquery functions mouseenter, mouseleave and prop.
The web site consists of a search engine style input where you can add a name that will filter the existing names in the table below. The table will consist of the list of names.

The keydown() function is an event that occurs when a user presses a key on the keyboard.
The includes() function performs a search on a selected string for a chosen value, case sensitive, and returns true or false as appropriate.
The val() function gets the values of elements such as input, select and textarea.
The addClass() function adds one or more class names, or an array of classes to the selected element.
The prop() function sets or returns properties and values to selected html elements.
The mouseenter() function is an event that is triggered when the mouse is moved over the selected element.
The mouseleave() function is an event that is triggered when the mouse exits a selected element.

<style>
  td{
    border: 1px solid black;.
  }
  .contains {
    background-color: blue;
    color: white;
  }
  .contains_letter {
    background-color: orange;
  }
</style>
<div id="table">
  <p>
    <input id="name" type="text" placeholder="Name">
  </p>
  <table>
    <tr>
      <td>Mike</td>
    </tr>
    <tr>
      <td>Patricia</td>
    </tr>
    <tr>
      <td>John</td>
    </tr>
  </table>
</div>
<!--Script jQuery-->
<script>
  $(function(){
    $("#table input#name").keydown(function (event) {
      let value = $(this).val();
      $('#table tr').each(function(){
          $(this).text().includes(value) ? 
            $(this).addClass("contains_letter") : $(this).prop("class", "");
      });
     
    });
	$("#table tr").mouseenter(function (event) {
      $(this).prop("class", "contains");
    });
    $("#table tr").mouseleave(function (event) {
      $(this).prop("class", "");
    });
  });
</script>
<!--JQuery Library-->
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>