JSFiddle - React, Tailwind, and code Playground

by speakman

HTML

<div id="wrapper">
    <div>
        <input type="text" /> <button>Add</button>
    </div>
    <div id="choosed">
        
    </div>
    <div id="suggestions">
        <div class="suggestion">Arne</div>
        <div class="suggestion">Bengt</div>
        <div class="suggestion">Gunilla</div>
        <div class="suggestion">Kjell</div>
        <div class="suggestion">Sigurd</div>
        <div class="suggestion">Vincent</div>
    </div>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Frijole);

* {
    font-family: 'Frijole', cursive, Verdana;
}

div {
    border: 1px solid silver;
    min-height: 30px;
    margin: 20px;
    padding: 20px;
}

#suggestions > div {
    margin: 5px;
    padding: 5px;
    min-height: 0;
    display: inline-block;
}

JavaScript

$("#suggestions > div").click(function() {
    alert(this);
});