title: KnockoutJS binding first element in an array to a div
body: <p><a href="http://jsfiddle.net/VLTFB/383/" rel="nofollow">Jsfiddle</a></p>
  
  <p>I am trying to bind the first element of an array to a div but it is failing miserably. Why will john not show up in the div?</p>
  
  <pre><code>&lt;div data-bind="text: seedData[0].firstName"&gt;&lt;/div&gt;
  &lt;select data-bind="options: seedData,
                          optionsText: 'firstName',
                          optionsValue: 'ID',
                          value: data.selectedValue"&gt;
  &lt;/select&gt;
  
  var vm = {
  
      // Simulated seed data from server
      seedData: ko.observableArray([
      {
          ID: 1,
          firstName: 'John',
          value: '333'
      },
      {
          ID: 2,
          firstName: 'Bob',
          value: '333'
      },
      {
          ID: 3,
          firstName: 'Amy',
          value: '333'
      }]),
  
      // Simulated data from server
      data: {
          title: ko.observable('This is a sample'),
          selectedValue: ko.observable(2)
      }
  };
  ko.applyBindings(vm);
  </code></pre>