Real time display input value in div with jQuery

I used this simple trick to display the name of a person after he sends the form data via Ajax and I needed a different response(not from Ajax), so, I set the response message to display:none via css and get the name or other informations in real time… when the form is submitted… the div becomes visible and shows the result… like Thank you {Name} for sending us etc. …

$('#name_x').keyup(function () {
  $('#get_name').text($(this).val());
});

$('#name_x').keyup(function () {

$('#get_name').text($(this).val());

});


<pre class="wp-block-code"><code>&lt;form&gt;
<form<input type="text" name="name" id="name_x" size="44" 
placeholder="Type here to see real time result in div..." style="padding:12px;border-radius:4px;border:1px solid grey" >
<br><br>
<div id="get_name"></div>
</form>

<form<input type="text" name="name" id="name_x" size="44"

placeholder="Type here to see real time result in div..." style="padding:12px;border-radius:4px;border:1px solid grey" >

</form>

You can see a live demo here.