title: jQuery spinner and Knockout
body: <p>How can I combine a jQuery UI spinner widget with Knockout? This <a href="https://stackoverflow.com/questions/12929801/jqueryui-spinner-widget-with-knockout">answer</a> no longer works because there is no <code>spinchange</code> event. This is my HTML:</p>
  
  <pre><code>&lt;input id='spinner' data-bind='value:theValue' /&gt;
  &lt;span data-bind='text:theValue'&gt;&lt;/span&gt;
  </code></pre>
  
  <p>And my JS:</p>
  
  <pre><code>$(function() {
      $('#spinner').spinner();
  
      var viewModel = {
          theValue: ko.observable(3)
      };
  
      ko.applyBindings(viewModel);
  });
  </code></pre>
  
  <p>You can play around with this in <a href="http://jsfiddle.net/petermorlion/H8v23/" rel="nofollow noreferrer">jsFiddle</a>. As you can see, using the spinner buttons won't change the text inside the <code>span</code>. Entering a number with your keyboard and then putting the focus elsewhere on the page will change the text (so the binding works).</p>
  
  <p>Because I'm using ASP.NET, and have this spinner widget wrapped up in a <code>WebControl</code>, it might have something to do with that. I can't take the same approach as in aforementioned answer, because we're not using Knockout on every page. </p>
  
  <p>But if I could even get the jsFiddle to work, that would probably help me further, or even just be the solution.</p>