title: Create observable object properties inside an array in knockout.js
body: <p>Knockout.js docs says about <code>observableArray</code> </p>
  
  <blockquote>
    <p>Simply putting an object into an observableArray doesn’t make all of that object’s properties themselves observable. Of course, you can make those properties observable if you wish, but that’s an independent choice.</p>
  </blockquote>
  
  <p>But it doesn't specify how to make a property observable. </p>
  
  <p>I have an array of <code>users</code> and I would like to make the property <code>name</code> observable to be able to change it from another viewmodel under some action.</p>
  
  <p>This is what I've tried without success:</p>
  
  <p><a href="http://jsfiddle.net/imac/qWmat/117/" rel="nofollow">Reproduction online</a></p>
  
  <pre><code>var shouter = new ko.subscribable();
  
  function usersViewModel() {
      var myData = [array of objects];
      var self = this;
      self.selectedRow = ko.observable();
      self.items = ko.observableArray(myData);
  
      self.selectedRow.subscribe(function (newValue) {
          console.log(newValue);
          shouter.notifySubscribers(newValue, "selectedRow");
      });
  
  }
  
  function departmentViewModel() {
      var self = this;
      self.row = ko.observable();
  
      //getting info from another view model
      shouter.subscribe(function (user) {
          self.row(user);
          console.log(self.row());
  
          self.row().name = ko.observable('Testing!!!');
      }, this, "selectedRow");
  
  }
  
  var MasterViewModel = function () {
      this.users = new usersViewModel();
      this.department = new departmentViewModel();
  }
  
  var mm = new MasterViewModel();
  ko.applyBindings(mm);
  </code></pre>
  
  <p>How could I do it?</p>