title: Fill select on click with Knockout
body: <p>I'm having a trouble when I'm trying to load the data of select.
  Once the page is loaded, when I do my first click on the select it doesn´t show nothing, any data.
  I close it and when I click again on the select it shows me the data.</p>
  
  <p><a href="http://jsfiddle.net/r3AA9/19/" rel="nofollow">http://jsfiddle.net/r3AA9/19/</a></p>
  
  <p>Any suggestion?
  <strong>HTML</strong></p>
  
  <pre><code>&lt;div&gt;   
  &lt;select data-bind="options: values, value: option, optionsCaption: 'Selecione...', event: { click: onClickSelect }" &gt;&lt;/select&gt;
  &lt;label data-bind="text: option"&gt;&lt;/label&gt;    
  </code></pre>
  
  <p></p>
  
  <p><strong>JS</strong></p>
  
  <pre><code>var ViewModel = {
      option : ko.observable(),
      values : ko.observableArray()
  };
  
  ViewModel.onClickSelect = (function() {  
      //Simulate server side 
      setTimeout(function()
                 {
                     ViewModel.values(["one", "two", "three"]);
                 }, 2000);
  
  });
  
  ko.applyBindings(ViewModel);
  </code></pre>
  
  <p>Any suggestion?</p>