title: Ajax + Knockout stopBinding tag issue
body: <p>I have a code like this:</p>
  
  <p>page 1:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;&lt;/head&gt;
  &lt;body&gt;
       &lt;a href="javascript:loadPage()"&gt;Test&lt;/a&gt;
       &lt;div id="content"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>page 2:</p>
  
  <pre><code>&lt;!-- ko stopBinding: true --&gt;
  &lt;div id="testView_content"&gt;
       &lt;span data-bind="text: mae"&gt;&lt;/span&gt;
  &lt;/div&gt;
  &lt;!-- /ko --&gt;
  </code></pre>
  
  <p>relevant js:</p>
  
  <pre><code>var lou;
  
  function loadPage() {
      $('#content').html("");
      $.ajax({
          url: "./page/page2.html"
          cache: false,
          dataType: "html",
          success: function(data) {
          fillPage();
          }
      });
  
  }
  
  function fillPage() {
      $('#content').html(data);
      $('#content').show("slow");
  
  
      if (!lou) {
          lou = new Lou();
          ko.applyBindings(lou, document.getElementById('testView_content'));
      }
  }
  </code></pre>
  
  <p>KO model:</p>
  
  <pre><code>var Lou = function() {
  
  this.mae = ko.observable("test");
  
  };
  </code></pre>
  
  <p>Well, it works on the first time, but if i run the function again, the html will render empty (but the Knockout Model View isnt, i checked). Anyone have any idea? Maybe im doing something wrong using ajax + stopBinding, maybe my load design? I tried using the stopBinding tag wrapping the content div (page 1), instead of creating a new one in page 2, but no success =(.</p>
  
  <p>Im really new to Knockout, so any help would be amazing. </p>
  
  <p>Thanks!</p>