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').attr('value',result);
             }
            );