title: input change event listener on top level bindings
body: <p>Is there a knockout way to do this?</p>
  
  <p>The markup:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div data-bind='topbinding:true'&gt;
    &lt;input type="checkbox" data-bind="checked:checkboxvalue_one"/&gt;
    &lt;input type="checkbox" data-bind="checked:checkboxvalue_two"/&gt;
    &lt;input type="checkbox" data-bind="checked:checkboxvalue_three"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>These checkboxes may or may not get checked based whatever came back from the rest api.</p>
  
  <p>In the ko bindings for 'topbinding' :</p>
  
  <pre><code>ko.bindingHandlers.topbinding = {
      init: function (element) {
          var $checkboxes =  $(element).find('input[type=checkbox]');
          $checkboxes.on('change', function() {
             console.log('changed');
          });
       }
  }
  </code></pre>
  
  <p>Problem: If the rest api delivered model values - (arriving some time later during the render) updates the checkbox value it will not trigger the 'change' event. Clicking the checkbox proves the jq listener is set up fine and everything.</p>
  
  <p>Any ideas ? We are trying to avoid adding a binding directly to the checkboxes - keeping it simple for others creating markup...</p>
  
  <hr>
  
  <p>Edit: Not sure I have asked this very well!  Having another go </p>
  
  <p>Say we had some javascript set on <code>&lt;form&gt;</code> tag to look for <code>&lt;select&gt;</code>'s and re write them to some funky 'select' type looking <code>&lt;li&gt;</code>'s and hide the <code>&lt;select&gt;</code> select input, with js listening for events on the <code>&lt;li&gt;</code> to set the select value behind the scenes. </p>
  
  <p>What happens when a KO viewmodel value binding for this arrives later ( say from an ajax request), and updates the <code>&lt;select&gt;</code> value - how does the js bound at the form ( that made the fake selects ) listen for the change ? - </p>
  
  <p>I have been able to do this by adding the ko.bindingHandler direct the to the input, but looking for a way that I can set it top level.</p>