title: How to update view based on nestedlist item in knockout.js?
body: <p>I am looking for refresh the view, when some nested item changed in list.</p>
  
  <p>Main list is <code>rt.projects()</code>, I find some nested element using ID, I called it as <code>match</code> and add one item in nested list (<code>SelectedMembersForProject</code>)</p>
  
  <p>I want to update that newly added value to view, how could I do it?</p>
  
  <p>Here is code what I wrote:</p>
  
  <pre><code>case "Project":
      debugger
      var match = ko.utils.arrayFirst(rt.projects(), function (item) {
          return item.Soid === ui.item.SourceSoid;
      });
      debugger;
      if (match) {
          var indexVal = rt.projects.indexOf(match)
          var AddItem = {
              MemberProfileId : ui.item.MemberSoid,
              MembeImageName: ui.item.ImageFileName,
              MemberName: ui.item.Name
          };
          match.SelectedMembersForProject.push(AddItem);
          rt.projects.replace(rt.projects()[indexVal], match);
      }
      break;
  </code></pre>
  
  <p>Still I am not able to see my newly added value in VIEW!, what's wrong?</p>
  
  <p>Following image should get some more ideas
  <a href="http://postimg.org/image/jx8n6516f/" rel="nofollow">http://postimg.org/image/jx8n6516f/</a>
  <a href="http://postimg.org/image/5wx6cg4fn/" rel="nofollow">http://postimg.org/image/5wx6cg4fn/</a></p>