title: Strange knockout binding result. With gives result, while dotting does not
body: <p>Given the following code. Why is "test" replaced with "" while "test2" is replaced with "Travel Log" </p>
  
  <pre><code>    &lt;h1 id="mainHeader" data-bind="text: $root.localization.frontHeader"&gt;test&lt;/h1&gt;
      &lt;div id="pages" data-bind="with: localization"&gt;
          &lt;h1 class="frontHeader" data-bind="text: frontHeader"&gt;test2&lt;/h1&gt;
      &lt;/div&gt;
  </code></pre>