JSFiddle - React, Tailwind, and code Playground

HTML

<div class="input-append">
        <input class="span9" id="search-box" type="text" placeholder="How to .." />
        <button class="btn" type="button"> Go!</button>
    </div>
    <small>Results: <span  id="filter-count"></span></small>
    <hr />
    <div class="faq-table">
        <table id="searchable" class="table table-hover table-striped ">
            <tr>
                <td><blockquote>
                        <p> Can Creative Commons give legal advice about its licenses or other tools, or help with CC license enforcement?</p>
                        <small>No. Creative Commons is not a law firm and does not provide legal advice or legal services. CC is similar to a self-help service that offers free, form-based legal documents for others to use. CC also provides a jurisdiction database where you can compare the international licenses (formerly known at the "unported licenses") and ports (adaptations of the international licenses for particular jurisdictions), and a license versions page where you can compare the differences between license versions.
                        
                        The CC wiki has a list of lawyers and organizations who have identified themselves as willing to provide information to others about CC licensing issues. However, please note that CC does not provide referral services, and does not endorse or recommend any person on that list. CC's Affiliate Network may also be a good resource for information about the licenses in a particular jurisdiction, though they should not be contacted for legal advice, at least in their capacity as a member of our CC Affiliate Network.</small> </blockquote></td>
            </tr>
            <tr>
                <td><blockquote>
                        <p> Who gives permission to use works offered under Creative Commons licenses?</p>
                        <small>Our licenses and legal tools are intended for use by anyone who holds copyright to the work. This is often, but not...

CSS

body { padding: 20px;}
blockquote { border-bottom: 1px dotted #ccc; margin-bottom: 5px;}
blockquote p {font-size: 12px; color: #444;}
blockquote small { font-size: 10px; color: #ccc;}

JavaScript

// Config
        var SearchBox = "#search-box";
        var SearchableElements = "#searchable blockquote"
        var SearchResultCount =  "#filter-count";
        
        $(SearchResultCount).text($(SearchableElements).length);
        
        // SearchBox
        $(SearchBox).keyup(function(){
        
            $(SearchResultCount).text("Searching ...");
                
                var filter = $(this).val();                
                var count = 0;
                
                
                $(SearchableElements).each(function(){
                    if ($(this).text().search(new RegExp(filter, "i")) < 0) {
                        
                        $(this).parent().parent().animate({
                                opacity: 0
                            }, 100, function() {
                                    $(this).css('overflow', 'hidden').hide(100);
                            });
                    } else {
                        $(this).parent().parent().animate({
                                opacity: 1,
                            height: '100%',
                            }, 100, function() {
                                $(this).show(100);
                            });
                        count++;
                    }
                });
                
         
                var numberItems = count;
               $(SearchResultCount).text(count);

        });