title: knockout.js options binding not working
body: <p>In the following code.</p>
  
  <pre><code>&lt;div data-bind="foreach: $root.menusarray"&gt;
      &lt;span data-bind="text: Name"&gt;Course Option Name: &lt;/span&gt;
      &lt;select data-bind="options:CourseOptions, 
                         optionsText: 'Name', 
                         optionsValue:'Id',
                         value: $root.selectedoptionsid"&gt;&lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><code>$root.menusarray</code> contains an array of objects and <code>CourseOptions</code> is another array of objects within. <code>$root.selectedoptionsid</code> is an observable array of ids which is not a part of <code>CourseOptions</code> or <code>$root.menusarray</code>. </p>
  
  <p>I am trying to display the <code>'Name'</code> whose <code>'Id'</code> matches with <code>$root.selectedoptionsid</code>'s current value or the first <code>'Name'</code> in the <code>CourseOptions</code> array. </p>
  
  <p>If no match is found, a new selection must also be stored at the same location in the <code>$root.selectedoptionsid</code> observable array. The length of <code>$root.selectedoptionsid</code> is equal to <code>CourseOptions</code>. Any suggestions?</p>