title: Issue with default selected option of a select list?
body: <p>I am using <a href="http://knockoutjs.com/documentation/options-binding.html" rel="nofollow">knockout options binding</a> and <a href="http://ivaynberg.github.com/select2/" rel="nofollow">select2 plugin</a> on a select list. Initially i do not want to select any option by default instead i want to show a text something like 'Select country..' and this text should be selected initially. For this i used knockout <code>optionsCaption binding</code>. It works fine, but if i apply select2 plugin on the select list the initial default text is not selected. Here my code:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;select data-bind="options: array, optionsCaption: 'All'" size="1"&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$('select').select2();
  
  function VM(){
    this.array = 
      ['Afghanostan', 'Albania', 'Algeria', 'Argentina']; 
  }
  
  ko.applyBindings(new VM());
  </code></pre>
  
  <p>I have created a <a href="http://jsbin.com/ivetel/2/edit" rel="nofollow"><strong>JSFIDDLE</strong></a> also.</p>
  
  <p>How to solve this issue ?</p>