JSFiddle - React, Tailwind, and code Playground

by Gregory Nikitas

HTML

<li class="search-box">
<form class="navbar-form navbar-left" role="search" method="post">
    <div class="form-group">
        <input type="text" id="search-box" class="form-control" placeholder="Search...">
    </div>
    <button type="button" class="btn btn-default search-submit">Submit</button>
</form>

JavaScript

function search() {
    let query = $('input').val().trim();
    console.log('query: ' + query);
    window.location.href = '?query=' + query;
}

// this works.
$('.search-submit').on('click', function () {
    search();
});

// this does not work ):
$('#search-box').keydown(function (e) {
    if (e.keyCode === 13) {
        search();
    }
});