title: Knockout.js version 3.4.0 breaks jQuery Chosen plugin binding
body: <p>I work in Durandal project, which means I use knockout library. Additionaly, I used the jQuery chosen plugin.</p>
  
  <p>Recently, I upgrade knockout from version 2.0 to version 3.4.0. As side effect, the chosen-plugin got defect. It has a bug: the first selection is always the first item at list, regardless of the real value bound by the ko observable.</p>
  
  <p>Here is a repro:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>ko.bindingHandlers.chosen = {
    init: function (element) {
      ko.bindingHandlers.options.init(element);          
      $(element).chosen({ disable_search_threshold: 10 });
    },
    update: function (element, valueAccessor, allBindings) {
      ko.bindingHandlers.options.update(element, valueAccessor, allBindings);
      $(element).trigger('chosen:updated');
    }
  };
  
  ko.applyBindings({ 
    getItemAvailableAccessTypes: function(data) {
      return [
        {codeForChosen: "Open", AccessTypeName: "Open access"},
        {codeForChosen: "Restricted", AccessTypeName: "No access"}
      ];
    },
   child: {
      AccessType: ko.observable("Restricted")
    }
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.chosen-container { width: 100% !important; }
  pre { background: white; padding: 10px; color: #333; font: 11px consolas; border: 1px solid #ddd; }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.css" rel="stylesheet"/&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.jquery.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-debug.js"&gt;&lt;/script&gt;
  
  &lt;div data-bind="with: child"&gt;
  &lt;select data-bind="chosen: $parent.getItemAvailableAccessTypes($data), value: $data.AccessType,  optionsText: 'AccessTypeName',  optionsValue: 'codeForChosen'"&gt;&lt;/select&gt;
  &lt;/div&gt;
  &lt;hr&gt;Debug info: &lt;pre data-bind="text: ko.toJSON($root, null, 2)"&gt;&lt;/pre&gt;</code></pre>
  </div>
  </div>
  </p>