JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css">
<input type="text" id="Qty" class="CartQtyInput" maxlength="4" required="required" /><br />
Result is: <span id="output"></span>

JavaScript

function spinStop(event, ui){
    $(this).change();
}

$(function() {
    $('.CartQtyInput').spinner({ in : 1, max: 9999, stop:spinStop});
    $("#Qty").change(function() { $('#output').text($('#Qty').val()); });
});