JSFiddle - React, Tailwind, and code Playground

by Gareth Bradley

HTML

<form>
    <input type="text" size="30" id="livesearchinput">
    <div id="livesearchesults" style="border: 1px solid rgb(165, 172,  178); ">
    </div>
</form>

CSS

a:hover, a:active {
color: 
red;
background-color: 
transparent;
}
#livesearchresults {
margin: 0px;
width: 194px;
}

JavaScript

$(document).ready(function() {
    $("#livesearchinput").keydown(function(key) {
        $.ajaxSetup({
            cache: false
        });
        $.getJSON(" /gh/get/response.json//garfbradaz/MvcLiveSearch/tree/master/JSFiddleAjaxReponses/", function(JSONData) {
            $('<ul>').attr({
                id: "live-list"
            }).appendTo('div#livesearchesults');
            $.each(JSONData, function(i, item) {
                var li = $('<li>').append(AccountNumber).appendTo('ul#live-list');
                //debugger;
               

            });

        });



    });

});