title: jQuery Chosen doesn't update select options while working with knockout js
body: <p>I am trying to make <a href="http://harvesthq.github.io/chosen/" rel="noreferrer">jQuery Chosen</a> and <a href="http://knockoutjs.com/" rel="noreferrer">KnockoutJS</a> work at the same time.</p>
  
  <p>The problem is "jQuery Chosen" refuses to update options list even though I've created custom binding for it. </p>
  
  <p>Here is the example - <a href="http://jsfiddle.net/5fGAf/" rel="noreferrer">http://jsfiddle.net/5fGAf/</a></p>
  
  <p>I have two changeable selects - "Country" and "Method". "Method" options list depends on country selected. When I select the country for the first time - everything works perfect. But when I want to change the country - "Method" options list remains the same, even though corresponding knockout computed value is updated.</p>
  
  <p>If I manually run  <code>$(".chosen-select").trigger('chosen:updated')</code> in the browser console - options list updates.</p>
  
  <p>Custom binding code:</p>
  
  <pre class="lang-js prettyprint-override"><code>ko.bindingHandlers.chosen = {
    init: function(element) {             
      $(element).chosen({disable_search_threshold: 10});
    },
    update: function(element) {
      $(".chosen-select").trigger('chosen:updated');
    }
  };
  </code></pre>