title: update inner Knockout property dosn't work after cloning the object
body: <p>i have this knockout property</p>
  
  <pre><code>public SelectedItem: KnockoutObservable&lt;Student&gt; = ko.observable&lt;Student&gt;();
  </code></pre>
  
  <p>and this is the Studant Class</p>
  
  <pre><code>export class Student{
      public Name: KnockoutObservable&lt;string&gt; = ko.observable&lt;string&gt;();
  }
  </code></pre>
  
  <p>now i want to update the selected Student name, how to do it?</p>
  
  <p>this are not working </p>
  
  <pre><code>public UpdateName()
  {
       var self= this;
       self.SelectedItem.Name("new name");
       self.SelectedItem().Name("new name");    
  }
  </code></pre>
  
  <p>there is no problem dealing with the SelectedItem as a whole, like <strong>self.SelectedItem(new Student....</strong></p>
  
  <p><strong>Update</strong></p>
  
  <p>found i am cloning the Student object before updating the value what should i do to make the update effect take place <a href="http://jsfiddle.net/LkqTU/16095/" rel="nofollow">jsfiddle</a></p>