JSFiddle - React, Tailwind, and code Playground

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css" />
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" />
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.min.js"></script>
</head>
<body>

    <div>

        <label>
            <span>Select country to filter</span>
            <select class="multiselect" multiple="multiple"></select>
        </label>
    </div>

</body>
</html>

JavaScript

$(document).ready(function () {       
        (function ($) {
            $('#filter').keyup(function () {
                var rex = new RegExp($(this).val(), 'i');
                $('.searchable tr').hide();
                $('.searchable tr').filter(function () {
                    return rex.test($(this).text());
                }).show();
            })
        }(jQuery));

        var name = ['us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya'];
         var ddList = [];
        $.ajax({
            type: "POST",
            url: "/echo/json/",   
            contentType: "application/json; charset=utf-8",
            dataType: "json",
             success: function(json) {
               ddList.push('a');
               ddList.push('b');
               ddList.push('c'); 
                 $.map(ddList, function (x) {
            return $('.multiselect').append("<option value=" + x + ">" + x + "</option>");
        });
    
            },
            error: fnerrorcallback
        });

        function fnsuccesscallback(data) {
             
               ddList.push('a');
               ddList.push('b');
               ddList.push('c');     
               alert(ddList);
        }        
        
        function fnerrorcallback(result) {
            alert('Calling Json method GetAllCultures ' + result.statusText);
        }

       

        $('.multiselect')
            .multiselect({
                allSelectedText: 'All Countries',
                numberDisplayed: 1,
                maxHeight: 300,
                includeSelectAllOption: true,
                enableCaseInsensitiveFiltering: true,
                includeSelectAllOption: true,
               ...