title: MIX 11 knockout code sample and my mistake
body: <p>I type code sample from this video:
  <a href="http://channel9.msdn.com/Events/MIX/MIX11/FRM08" rel="nofollow">http://channel9.msdn.com/Events/MIX/MIX11/FRM08</a></p>
  
  <p>But it is not work. Where is typo or another mistake? 
  My source copy available at <a href="http://jsfiddle.net/fFedK/" rel="nofollow">http://jsfiddle.net/fFedK/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;span data-bind="text:firstName"&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;
  &lt;input data-bind="value:firstName, valueUpdate: 'afterkeydown'" /&gt;&lt;br /&gt;&lt;br /&gt;
  
  &lt;span data-bind="text:lastName"&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
  &lt;input data-bind="value:lastName, valueUpdate: 'afterkeydown'" /&gt;&lt;br /&gt;&lt;br /&gt;
  
  &lt;span data-bind="text:fullName"&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;
  
  &lt;h2&gt;Friends&lt;/h2&gt;
  
  &lt;div data-bind="template: 'friendsTemplate'"&gt;&lt;/div&gt;
  
  &lt;script id="friendsTemplate" type="text/html"&gt;
      &lt;ul&gt;
          {{each(index, friend) friends}}
              &lt;li&gt; ${ friend.name } &lt;/li&gt;
          {{/each}}
  
      &lt;/ul&gt;
  
  &lt;/script&gt;​
  </code></pre>
  
  <p>Script code:</p>
  
  <pre><code>function friend(name) {
      return {
          name: ko.observable(name)
      }
  }
  
  
  var viewModel = {
      firstName : ko.observable("Mike"),
      lastName : ko.observable("Rassel"),
  
      friends : ko.observableArray([new friend("Steve"), new friend("Annie")])
  }
  
  //viewModel.fullName = ko.computed(function () { return this.firstName() + " " + this.lastName(); }, viewModel);
  
  
  
  
  
  ko.applyBindings(viewModel);
  </code></pre>