JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Button Click</h1>
<form id="form1">
  <input id='one' type='text' />
  <input id='two' type='text' />
</form>

<form id="form2">
  <input id='three' type='text' />
</form>

<input type='button' id="do" value="Copy" />

<h1>Insta-Copy(TM)</h1>
<form id="form1">
  <input id='four' type='text' />
  <input id='five' type='text' />
</form>

<form id="form2">
  <input id='six' type='text' />
</form>



<h1>On Blur</h1>
<form id="form1">
  <input id='seven' type='text' />
  <input id='eight' type='text' />
</form>

<form id="form2">
  <input id='nine' type='text' />
</form>

JavaScript

$('#do').click(function() {
  $('#three').val($('#one').val());
});

$('#four').keyup(function() {
  $('#six').val($('#four').val());
});

$('#seven').blur(function() {
  $('#nine').val($('#seven').val());
});