JSFiddle - React, Tailwind, and code Playground

HTML

How can id="e3" can be filled if id="e2" filled by id="e1"?
<br />

<input id="e1" value="" />
<input id="e2" value="" />
<input id="e3" value="" />

CSS

input {display:block}

JavaScript

jQuery(document).ready(function(){

    jQuery('#e1').on('keyup', function(){
        var text = jQuery(this).val();
        jQuery(this).next().val(text).trigger('keyup');
       
    });
 
    jQuery('#e2').on('keyup', function(){
        var text = jQuery(this).val();
        jQuery(this).next().val(text);
    });    
    
});