title: How to use knockout.js data binding when ajax request periodically auto refreshes?
body: <p>In my application I periodically makes ajax call once every 5 seconds to get new update from server. </p>
  
  <p>My ajax data from server is JSON array that looks like:
  [
    {
      "foo": "valx",
      "bar": "valy"</p>
  
  <p>},
    {
      "foo": "valw",
      "bar": "valz"
    }
  ]</p>
  
  <p>My ajax code is:</p>
  
  <pre><code>(function update() {
  
      $.ajax({
          type : 'GET',
          url : url,
          data : {
  
          },
          dataType : "json",
          global : false,
          success : function(content, textStatus, jqXHR) {
          myViewModel = content;
          ko.applyBindings(myViewModel);
  
          },
          complete: function() {
  
           setTimeout(update, 5000);
            },
  
          error: function( xhr, textStatus ) {
  
              }
      });
      })();                       
  </code></pre>
  
  <p>My HTML is:</p>
  
  <pre><code>&lt;tbody data-bind="foreach: myViewModel"&gt;
                          &lt;tr&gt;
                              &lt;td data-bind="text: foo"&gt;&lt;/td&gt;
                              &lt;td data-bind="text: bar"&gt;&lt;/td&gt;
                          &lt;/tr&gt;
                      &lt;/tbody&gt;
  </code></pre>
  
  <p>But this does not work and I get error after first ajax call:
  You cannot apply bindings multiple times to the same element. </p>