JQuery UI Spinner

JQuery UI Spinner

I have used alot of jQuery UI widgets in Form submissions, like datepickers, etc. I am having issues with the spinner. When I submit my form, the spinner input field is always 0. Here is my jQuery code:
  2. <script>
  3. $(function() {
  4. $( "#tpi_score" ).spinner({
  5. step: 0.01,
  6. min: 0,
  7. max: 5,
  8. });
  9. });
  10. </script>

  12. <!---Form input field--->
  13. <input id="tpi_score" name="tpi_score" value="0.00" size="5">