JSFiddle - React, Tailwind, and code Playground

HTML

<input type="hidden" id="h_1" />
<input type="hidden" id="h_2" />
<input type="text" id="value_change_1" /><br />
<input type="text" id="value_change_2" /><br />
<div id="result"></div>

JavaScript

$('#value_change_1').bind('change', function(ev) {
    
    $('#h_1').val($(this).val());
    $('#h_2').val($(this).val());
    
});

$('#value_change_2').bind('change', function(ev) {
    
    $('#h_1').val($(this).val()).trigger('change');
    $('#h_2').val($(this).val()).trigger('change');
    
});

$('#h_1, #h_2').bind('change', function(ev) {
    
    $('#result').append("<span>I'm change: " + $(this).attr('id') + "<span><br />");
    
});