title: Updation of object inside observable array is done but changes are not coming on browser
body: <p>There is issue which I am facing right now.I have observable array which contains list of objects.Whenever I updating property of any object of array.It is not reflected on browser.I have use all knockout functions like replace,remove.But the updation coming in observable array but not in browser.</p>
  
  <p>Here is a sample of my issue:</p>
  
  <pre><code> var ViewModel=new {
       self=this;
       self.List=ko.observableArray([]); 
                }
       $(function(){
         ko.applyBinding(ViewModel); 
      }) 
      $.post('/url',{},function(data){
          ViewModel.List(data); //data is list having 4 property having CommentList as again object--&gt;id,title,description,CommentList---&gt;commenttitle,commentdescription
        })  
      //During change of property of commentList
      $.post('/updateComment',{},function(obj){//Here obj--&gt;obj.Commenttitle="some title",obj.commentdescription='some description'
         //Let say there require update 4th object of List and  2nd property of CommentList
           ViewModel.AnswerList()[4].CommentList.splice(2,1,obj);
  
       })
      //But nothing updation on browser
  </code></pre>