JSFiddle - React, Tailwind, and code Playground

HTML

<div> <input type="text" id="search-criteria"/>
    <input type="button" id="search" value="search"/> </div>
<fieldset>
    <legend>Invite Facebook Friend</legend>

    <div class="fbbox">
    <img src="images/User.png" class="fbimg" />
    <div class="fix"><label for="check-2" class="left"> Fb 1</label></div>
    <input type="checkbox" name="fb" id="check-1" value="action" class="leftcx"/>
    </div>

    <div class="fbbox">
    <img src="images/User.png" class="fbimg" />
    <div class="fix"><label for="check-2" class="left">Fb 2</label></div>
    <input type="checkbox" name="fb" id="check-2" value="comedy" class="leftcx"/>
    </div>

    <div class="fbbox">
    <img src="images/User.png" class="fbimg" />
    <div class="fix"><label for="check-3" class="left">Fb 3</label></div>
    <input type="checkbox" name="fb" id="check-3" value="epic" class="leftcx"/>
    </div>

JavaScript

$(document).ready(function(){
   
   var search = $("#search-criteria");
   var items  = $(".fbbox");

   $("#search").on("click", function(e){
        
        var v = search.val().toLowerCase();
       if(v == "") { 
           items.show();
           return;
       }
        $.each(items, function(){
            var it = $(this);
            var lb = it.find("label").text().toLowerCase();
            console.log( lb + " --- " + v);
            if(lb.indexOf(v) == -1) 
                 it.hide();
        });
    });        
});