title: Knockout foreach binding not resolving nested elements
body: <p>The situation is rather simple.  I have a list of objects, and I want to render them in an unordered list, with each list item containing a link.  For some reason, the KO binding isn't resolving on the items in my list items.  First, here's a fiddle:</p>
  
  <p><a href="http://jsfiddle.net/internetH3ro/z4PBT/" rel="nofollow">http://jsfiddle.net/internetH3ro/z4PBT/</a></p>
  
  <p>The HTML is rather simple:</p>
  
  <pre><code>&lt;ul data-bind="foreach: vm.MenuItems"&gt;
      &lt;li data-bind="css: CssClass"&gt;
          &lt;a data-bind="text: LinkText, attr: { href: Href }" /&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>And here's the minimal JS:</p>
  
  <pre><code>var ViewModel = (function () {
      function ViewModel(json) {
          var self = this;
          self.vm = ko.mapping.fromJS(json);
      };
  
      return ViewModel;
  })();
  
  var json = {
      MenuItems: [{
          LinkText: "Item 1",
          Href: "http://www.google.com",
          CssClass: "active"
      },{
          LinkText: "Item 2",
          Href: "http://www.yahoo.com",
          CssClass: "inactive"
      },{
          LinkText: "Item 3",
          Href: "http://www.microsoft.com",
          CssClass: "inactive"
      }]
  };
  
  var vm = new ViewModel(json);
  ko.applyBindings(vm);
  </code></pre>
  
  <p>The error I get is when it tries to bind to the anchor tag, none of the bindings are resolving.</p>
  
  <blockquote>
    <p>"Uncaught ReferenceError: Unable to process binding "text: function
    (){return LinkText }" Message: LinkText is not defined"</p>
  </blockquote>
  
  <p>I suspected that it had something to do with the binding on the LI element, but I removed that and it still fails, even thought that binding works just fine.  I've worked with Knockout before, this shouldn't be all that hard, but I can't quite figure this one out.</p>