JSFiddle - React, Tailwind, and code Playground

HTML

<form id="frm1">
    <label for="input1">Input</label>
    <input id="input1" name="input1" type="text" value="1" />
    <button type="button" id="btn1">Submit jQuery</button>
    <button type="button" id="btn2">Submit Native</button>
</form>

JavaScript

function frm1_onSubmit (_event)
{
    console.log('frm1_onSubmit');
    //do something
    return false;//prevent event propagation
}

function btn1_onClick (_event)
{
    console.log('btn1_onClick');
    $('form#frm1').submit();
}

function btn2_onClick (_event)
{
    console.log('btn2_onClick');
    this.form.submit();//does not trigger 'frm1_onSubmit'
}

$(function(){
    console.log('attaching events..');
    var frm1 = $('form#frm1');
    frm1.submit(frm1_onSubmit);//add event listener
    frm1.find('button#btn1').click(btn1_onClick);
    frm1.find('button#btn2').click(btn2_onClick);
});