JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input type="text" name="disabled" disabled/>
    <input type="text" name="enabled" />
</form>
<button>trigger('change') on disabled</button>
<div></div>

JavaScript

function log(str){ $('div').append(str).append("<br>"); }
$('form').on('change', 'input', function(evt){
        log("form changed (from input "+$(evt.target).attr("name")+")");
    });
$('input').on('change', function(){
        log("input "+$(this).attr('name')+" change fired");
    });
$('button').on('click', function(){
        $('input').eq(0).trigger('change');
    });
// the workaround:
$('form').on('change', function(evt){
        if(!$(evt.target).is('input')) return;
        log("FIX form changed (from input "+$(evt.target).attr("name")+")");
    });