JSFiddle - React, Tailwind, and code Playground

HTML

1) Type something in the 'one' input
<br>2) the 'test' text was correctly inserted in the 'two' input.
<br>3) Edit the content of the 'two' input.
<br>4) Now if you type something new in the 'one' input , the 'two' input content isn't replaced with the 'test' text :(
<br>
<br>one
<input id='one' type="text">
<br>two
<input id='two' type="text">

JavaScript

$('#one').on('input', function () {
    var result = 'test'
    $('#two').val(result);
});