JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<input id='increment' type='text' />
<br><br>
<input id='increment2' type='text' />

JavaScript

jQuery.fn.incrementer =  function() {
    var myobj = this;
    this.val(0);
    jQuery("<input class='incrementer_minus' type='button' value=' - '/>").insertBefore(this)
        .bind('click', function(){
        $(myobj).val(parseInt(jQuery(myobj).val()) - 1);
    });
    jQuery("<input class='incrementer_plus' type='button' value=' + '/>").insertAfter(this)
        .bind('click', function(){
        
        $(myobj).val(parseInt(jQuery(myobj).val()) + 1);
    });
}

    $(function() {
jQuery("#increment").incrementer();
jQuery("#increment2").incrementer();
});