JSFiddle - React, Tailwind, and code Playground

HTML

<input id="search" type="text" />
<br />
<div id="people">
  <div>
    <p>Joe Blogs</p>
    <img src=".." alt="image" />
  </div>
  <div>
    <p>Jane Doe</p>
    <img src=".." alt="image" />
  </div>
</div>

JavaScript

$(function(){
  
    var timer,
        items = $('#people > div');
  
    var refreshFilter = function(txt) {
        clearTimeout(timer);
        timer = setTimeout(function() {
            var showItems = items.find("p:contains('" + txt + "')").closest('div').show();
            items.not(showItems).hide();
        }, 200);
    };

    $('#search').keyup(function () {
        refreshFilter(this.value);
    });
  
});