title: Why does this Knockout binding not work?
body: <p>I don't understand why the top binding does not work, but the statement "with" does work.</p>
  
  <p><a href="http://jsfiddle.net/rodneyjoyce/6zzEA/4/" rel="nofollow">I have set up the question on JSFiddle here</a>.</p>
  
  <pre><code>Why does this not appear when it is bound to Info.Title?
  &lt;div data-bind="text: Info.Title"&gt;&lt;/div&gt;
  
  &lt;hr/&gt;
  But this does when I use the with statement?
  &lt;div data-bind="with: Info"&gt;
      &lt;div&gt;
           &lt;h1 data-bind="text: Title"&gt;&lt;/h1&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>