Observable array of Observables

This does not work. The grid displays the data correctly, but updating the editable fields has no effect on the bound data.

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.0.0/knockout-min.js"></script>
<select data-bind="options: availablePeople, optionsText: 'name'"></select>

JavaScript

var availablePeople = ko.observableArray(

      [{
        "name": "Johnww",
        "city": "New York",
        "createDate": "2019-02-15T17:17:10.000+0530"
      },
      {
        "name": "SAAA",
        "city": "California",
        "createDate": "2001-02-22T16:24:17.000+0530"
      },
      {
        "name": "Vigneshss",
        "city": "India",
        "createDate": "1984-03-02T12:48:55.000+0530"
      }]
   );
   
   availablePeople.sort(function (left, right) { return left.createDate == right.createDate ? 0 : (left.createDate < right.createDate ? -1 : 1) })

   ko.applyBindings(availablePeople);