JSFiddle - React, Tailwind, and code Playground

HTML

<input id="not-gonna-work" type="text"><br>
<input id="gonna-work" type="text">

JavaScript

$('input#not-gonna-work').bind({
        keyup: function(){
            console.log('Typed a key');
            $(this).val($(this).val() + '.');
        },
        change: function(){
           console.log('I\'m a changed input');
        }, 
        focus: function ( ){
            $(this).data('orig_value', $(this).val());
        }, 
        blur: function () {
            if ($(this).val() != $(this).data('orig_value')){
                $(this).change();
            }
        }
    });
    $('input#gonna-work').bind({
        keyup: function(){
            console.log('Typed a key');
        },
        change: function(){
           console.log('I\'m a changed input');
        }
    });