Spinner Example in jQuery

<html>
<head runat="server">
<title></title>
<script src="Scripts/jquery-2.1.1.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#txt1").spinner({
min:1,
max:100,
step:1,
spin:function(event, ui){
$("#Label1").html("<b>Current value:</b>"+ui.value);
}
});
$("#txt1").spinner("value", 1);
$("#Label1").html("<b>Current value:</b>" + $("#txt1").spinner("value"));
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<b>Enter Value</b>
<asp:TextBox ID="txt1" runat="server" ReadOnly="true"></asp:TextBox>
<br />
<asp:Label ID="Label1" runat="server" />
</div>
</form>
</body>
</html>