JSFiddle - React, Tailwind, and code Playground
HTML
<div data-role="page" id="carPage">
<div data-role="content">
<ul id="autocomplete" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Find a car..." data-filter-theme="d">
<li><a href="acura.html">Acura</a></li>
<li><a href="audi.html">Audi</a></li>
<li><a href="bmw.html">BMW</a></li>
<li><a href="bmw.html">Cadillac</a></li>
<li><a href="bmw.html">Ferrari</a></li>
<li><a href="bmw.html">Honda</a></li>
</ul>
</div>
</div>
JavaScript
$(function () {
$('#carPage input[data-type="search"]').on('keydown', function(e) {
var code = (e.keyCode ? e.keyCode : e.which);
if (code == 13) { //Enter keycode
// this handles the enter key
alert('xxx');
}
});
$("#carPage form").submit(function() {
// this will handle both the enter key and go button on device
alert('enter key or device go button pressed');
});
});