JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <input class="search" type="text" onkeyup="autosuggest(this.value,event.which)" autocomplete="off" />
    <div id="demo" style="display: none;">
        <ul class="result">
            <li>list1</li>
            <li>list2</li>
        </ul>
    </div>
</body>

CSS

body {
    color: #999;
}
input.search {
    margin: 0;
    padding:5px;
    border:1px solid #ccc;
    background-color: #fff;
}
input.search:focus {
    border:1px solid #3333ff;
    outline: none;
}
ul.result {
    list-style: none;
    display: block;
    border:1px solid #ccc;
    padding: 0;
    margin: 0;
    float: left;
    position: absolute;
    box-shadow: 0px 2px 5px #888888;
}
ul.result li {
    display: block;
    padding: 8px;
}
ul.result li:hover, li.selected {
    background-color: #f1f1f1;
}

JavaScript

$(document).click(function () {
    alert("!");
    var e = event || window.event;  
     alert("!");
});