JSFiddle - React, Tailwind, and code Playground

HTML

<button type="button">Click me to load some ajax content</button>

<div id="ajax_container"></div>

<div id="static_container"><input type="number"><br><input type="number"><br><input type="number"><br><input type="number"></div>

CSS

input {display:block; width:40px;}

#ajax_container{border: 2px solid blue;}

#static_container {border:2px solid green;}

JavaScript

var ajax_content = '<input type="number"><br><input type="number"><br><input type="number"><br><input type="number">';

$(function () {
    
    console.log('jquery ready');
    
    // Use a static parent instead of `"body"`
    $("body").on('input', 'input[type=number]', function (event) { 
        console.log('on() input successful');
    });
    
    // "AJAX" ;)
    $('button').click(function(){
       $('#ajax_container').html(ajax_content);
    })

});