title: Should changing a div's text property via jQuery update the bound ko.observableArray
body: <p>I have a container div bound using knockout foreach binding:</p>
  
  <pre><code>   &lt;div id="foo" data-bind="foreach: { data: fooObservableArray, afterAdd: afterAdd}"&gt;
         &lt;div data-bind="text: $data"&gt;&lt;/div&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>In the afterAdd method of the ViewModel:</p>
  
  <pre><code>     self.fooObservableArray = ko.observableArray([]);
  
       self.afterAdd = function(element){
             // make some changes to the DIV's text after it has been created
             &lt;snip&gt;
             $(element).text( someNewValue() );
       ; 
  </code></pre>
  
  <p>Value <code>someNewCalculatedValue</code> is not appearing in  <code>fooObservableArray</code> but <em>is</em> being displayed in the UI.</p>
  
  <p>Is knockout not observing the div's text property as it would observe the value of a bound input?</p>
  
  <p>What is the proper way to apply an afterAdd modification to the text of the new div element that has been created via the foreach binding? </p>