JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>bob bope</li>
   <li>bob test</li>
    <li>bob bones</li>
    <li>bob bobs</li>
    <li>test mcBridge</li>
</ul>
<br>
Search: <input id="search" class="search" length="24" />
Refine    <input id="refine" class="search" length="24" />

JavaScript

$(document).ready(function(){
    $(".search").keyup(function(){
        $("li").hide();
      
        if($("#refine").val()!=""){
        var term = $("#search").val().toLowerCase()+" "+$("#refine").val().toLowerCase();
        }else{
        var term =$("#search").val().toLowerCase();

        }
        $("li:contains('" + term + "')").show();

    }); 

});