JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<input type="text" value="0" />

<p>
    <button>stepUp</button>
    <button>stepDown</button>
    <button>pageUp</button>
    <button>pageDown</button>
</p>

<p>Spinner's own Up/Down buttons fire the 'spin' event.<br />Calling out stepUp/Down, pageUp/Down methods does not.</p>

CSS

body {margin:10px;}

p { margin:20px 0; font:normal 10pt Arial,Sans-serif; }

JavaScript

$('input').spinner({
    spin: function() {
        $('body').append('<p>Spin event fired</p>');
    }
});

$('button').on('click', function(e) {
    $('input').spinner($(e.target).text());
});