JSFiddle - React, Tailwind, and code Playground
HTML
<article id="level-1" class="unlocked" style="position: absolute; display: block; top: 0px; opacity: 1;">
<h2>Level: 1 - 3</h2>
<figure>
<a href="#1" class="answered"><img src="logos/1.png" width="60" height="60" alt="1"></a>
</figure>
<figure>
<a href="#2" class="logo" style="opacity: 1;"><img src="logos/2.png" width="60" height="60" alt="2"></a>
<figcaption id="2" style="display: none;">
<a href="#" class="close">Close</a>
<img src="logos/2.png" width="150" height="150" alt="2">
<a href="#" class="hint">13</a>
<input type="text" name="guesslogo" data-lang="ge">
<a href="#" class="check">Check</a>
<!-- <a href="#" class="clear">Clear</a> -->
<a href="#" class="facebookask">Ask a friend on Facebook</a>
</figcaption>
</figure>
<figure>
...
JavaScript
//check answer on ENTER keyboard press
$(document).on("keypress", "input:text[name=guesslogo]", function(e){
console.log(e.keyCode);
if (e.keyCode == 13) {
console.log('got here');
$(this).siblings(".check").trigger("click");
}
});