title: ListView doesn't update when underlying object changes
body: <p>I'm having an issue with a <a href="http://msdn.microsoft.com/en-us/library/windows/apps/br211837.aspx" rel="nofollow">ListView</a> not showing the latest details of the objects in its dataSource. The dataSource is created by calling the <a href="http://msdn.microsoft.com/en-us/library/windows/apps/hh700743.aspx" rel="nofollow">createSorted method</a> of a WinJS.Binding.List object. Each object looks like this:</p>
  
  <pre><code>var obj = {
      title: 'First item',
      priority: 2
  };
  </code></pre>
  
  <p>And I create/set the dataSource like this:</p>
  
  <pre><code>sortedItemList = itemList.createSorted(function (lhs, rhs) {
      return rhs.priority - lhs.priority;
  });
  listView.itemDataSource = sortedItemList.dataSource;
  </code></pre>
  
  <p>The itemTemplate for the ListView looks like this:</p>
  
  <pre><code>&lt;div id="itemTemplate" data-win-control="WinJS.Binding.Template"&gt;
      &lt;div&gt;
          &lt;h4 data-win-bind="innerText: title"&gt;&lt;/h4&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The change handlers for both fields look like this:</p>
  
  <pre><code>titleControl.onchange = function () {
      curItem.title = titleControl.value;
      sortedItemList.notifyMutated(sortedItemList.indexOf(curItem););
  };
  priorityControl.onchange = function () {
      curItem.priority = priorityControl.value;
      sortedItemList.notifyMutated(sortedItemList.indexOf(curItem););
  };
  </code></pre>
  
  <p>The documentation for createSorted says to be sure to call notifyMutated whenever an object changes. If I change the priority, then the ListView will move the item appropriately. But if I edit the title, then the ListView doesn't update to show the new title. What am I doing wrong?</p>