JSFiddle - React, Tailwind, and code Playground

HTML

<p>Updating first textbox should update the 2nd and 3rd, updating the 2nd one should update the 3rd only.</p>
<input id="tbTitle" type="text" />
<input id="tbMenuTitle" type="text" />
<input id="tbMenuKey" type="text" />

JavaScript

$(document).ready(function() {
    var funcMenuTitle = function() {
        $("#tbMenuKey").val($("#tbMenuTitle").val());
    };
    var funcMenuKey = function() {
        $("#tbMenuTitle").val($("#tbTitle").val()).change();
    };
    $("#tbTitle").bind('change keypress paste textInput input', funcMenuKey);
    $("#tbMenuTitle").bind('change keypress paste textInput input', funcMenuTitle);
});