title: Knockout - setting the initial value of a select
body: <p>The span for the selected value in my code doesn't seem to populate initially. Can anyone tell me why this is?</p>
  
  <p>Fiddle: <a href="http://jsfiddle.net/vVLdQ/" rel="nofollow">http://jsfiddle.net/vVLdQ/</a></p>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;div&gt;
  Disable:
   &lt;span data-bind="text: options[1].text"&gt;&lt;/span&gt;&lt;input type="checkbox" data-bind="checked: options[1].disable" /&gt;
   &lt;span data-bind="text: options[2].text"&gt;&lt;/span&gt;&lt;input type="checkbox" data-bind="checked: options[2].disable" /&gt;
   &lt;span data-bind="text: options[3].text"&gt;&lt;/span&gt;&lt;input type="checkbox" data-bind="checked: options[3].disable" /&gt;
  &lt;/div&gt;
  &lt;div&gt;
  &lt;select data-bind="value: selectedValue"&gt;
   &lt;option data-bind="value: options[0].text, text: options[0].text"&gt;&lt;/option&gt;
   &lt;option data-bind="value: options[1].text, text: options[1].text, disable: options[1].disable"&gt;&lt;/option&gt;
   &lt;option data-bind="value: options[2].text, text: options[2].text, disable: options[2].disable"&gt;&lt;/option&gt;
   &lt;option data-bind="value: options[3].text, text: options[3].text, disable: options[3].disable"&gt;&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  &lt;span data-bind="text: selectedValue"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>My Javascript:</p>
  
  <pre><code>var selectModel;
  
  function OptionModel(text) {
      var me = this;
      me.text = text;
      me.disable = ko.observable(false);
      me.disable.subscribe(function(disableVal) {
          if (disableVal &amp;&amp; selectModel.selectedValue() == me.text) {
              selectModel.selectedValue('-- Select --');
          }
      });
  }
  var options = [
      new OptionModel('-- Select --'),
      new OptionModel('a'),
      new OptionModel('b'),
      new OptionModel('c')
      ];
  selectModel = {
      options: options,
      selectedValue: ko.observable(options[0].text)
  };
  ko.applyBindings(selectModel);​
  </code></pre>