Html NumberInput

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div>Copy from here (with Ctrl+C):</div>
<div id='jqxNumberInput'></div>
<div>Paste here (with Ctrl+V):</div>
<div id='jqxNumberInput2'></div>
<div>Click the button to alert the new value of the second number input.</div>
<div>
    <input type="button" id='jqxButton' value="Get value" />
</div>

JavaScript

$("#jqxNumberInput").jqxNumberInput({
     width: '250px',
     height: '25px',
     theme: 'energyblue',
     spinButtons: true,
     decimal: 200
 });
 
 $("#jqxNumberInput2").jqxNumberInput({
     width: '250px',
     height: '25px',
     theme: 'energyblue',
     spinButtons: true,
     decimal: 200
 });
 
 $("#jqxButton").jqxButton({
     height: '30px',
     width: '120px',
     theme: 'energyblue',
 });
 
 $('#jqxButton').on('click', function () {
     alert($('#jqxNumberInput2').jqxNumberInput('val'));
 });