title: Trigger Knockout-Event from outside
body: <p>I have the following Select-Element in an html-form:</p>
  
  <pre><code>&lt;select multiple="multiple" data-bind="options: candidateList, optionsValue: 'id', optionsText: 'title', optionsAfterRender: setOptionTitle, selectedOptions: selectedCandidates, optionsAfterRender: setOptionTitle, event: { dblclick: addSelectedCandidate, change: candidateChanged }, enable: enabled()"&gt;
  &lt;option title="first" value="1"&gt;first&lt;/option&gt;
  &lt;option title="second" value="2"&gt;second&lt;/option&gt;
  &lt;option title="third" value="3"&gt;third&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Now I select multiple Elements of that Select using jQuery-Methods setting the "Option SELECTED" - value.</p>
  
  <p>As you can see, that select has a data-binding on it, which is from knockout. That knockout-code is in another JavaScript-File provided by someone else. We cannot really change content there. And our code is NOT knockout-, but simple jQuery-Code.</p>
  
  <p>Now my problem is, that there are validations on that select. When I click onto an element manually, this enables another Button etc.</p>
  
  <p>But when I try to do this by code, nothing happens. I tried inserting the "selected", <code>$(option).trigger('click')</code>, <code>$(option).click()</code>, <code>$(option).trigger('change')</code> and <code>$(option).change()</code>;</p>
  
  <p>Is there any way to force knockout to "recognize" the stuff we change programmatically?</p>