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());

});


&lt;pre class="wp-block-code"&gt;&lt;code&gt;&amp;lt;form&amp;gt;
&lt;form&lt;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" &gt;
&lt;br&gt;&lt;br&gt;
&lt;div id="get_name"&gt;&lt;/div&gt;
&lt;/form&gt;

<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" >

</form>

You can see a live demo here.