Internet Explorer and AutoComplete

This may be related to case #102.
When using Internet Explorer (version 9.0.8112.16421 in my case) i have a problem with observables not being updated on input change when using the browser's autocomplete.
Here is a recipe for reproducing it.
1. First create the following page:
<pre>
<font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">!DOCTYPE</font> <font color="#2040a0">html</font> <font color="#2040a0">PUBLIC</font> <font color="#008000">&quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;</font> <font color="#008000">&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>
<font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">html</font> <font color="#2040a0">xmlns=</font><font color="#008000">&quot;http://www.w3.org/1999/xhtml&quot;</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>
<font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">head</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>
    <font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">title</font><font color="4444FF"><strong>&gt;</strong></font></strong></font><font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">/title</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>
    <font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">script</font> <font color="#2040a0">type=</font><font color="#008000">&quot;text/javascript&quot;</font> <font color="#2040a0">src=</font><font color="#008000">&quot;jquery-1.6.1.js&quot;</font><font color="4444FF"><strong>&gt;</strong></font></strong></font><font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">/script</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>
    <font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">script</font> <font color="#2040a0">type=</font><font color="#008000">&quot;text/javascript&quot;</font> <font color="#2040a0">src=</font><font color="#008000">&quot;knockout-1.2.1.debug.js&quot;</font><font color="4444FF"><strong>&gt;</strong></font></strong></font><font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">/script</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>
    <font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">script</font> <font color="#2040a0">type=</font><font color="#008000">&quot;text/javascript&quot;</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>
      $(function () {
        var viewModel = {
          firstName: ko.observable()
        };
        ko.applyBindings(viewModel);
      });
    <font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">/script</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>
<font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">/head</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>
<font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">body</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>
  <font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">form</font> <font color="#2040a0">method=</font><font color="#008000">&quot;get&quot;</font> <font color="#2040a0">action=</font><font color="#008000">&quot;&quot;</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>
    <font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">input</font> <font color="#2040a0">name=</font><font color="#008000">&quot;firstName&quot;</font> <font color="#2040a0">data-bind=</font><font color="#008000">&quot;value: firstName&quot;</font> <font color="#2040a0">/</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>
    <font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">span</font> <font color="#2040a0">data-bind=</font><font color="#008000">&quot;text: firstName&quot;</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>INIT<font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">/span</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>
    <font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">input</font> <font color="#2040a0">type=</font><font color="#008000">&quot;submit&quot;</font> <font color="#2040a0">/</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>
  <font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">/form</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>
<font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">/body</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>
<font color="#2040a0"><strong><font color="4444FF"><strong>&lt;</strong></font><font color="#2040a0">/html</font><font color="4444FF"><strong>&gt;</strong></font></strong></font>

</pre>

1. Load it in IE (and remember to enable scripts).
2. Type something in the input field.
3. Click outside the field and the span to the right will update with your text.
4. Click the "Submit Query" button. You will remain at the same page but the text you typed should now be stored in the browser's autocomplete cache.
5. Click on the input field again and click down arrow twice on the keyboard. Your autocomplete text should now be highlighted.
6. Click on the autocomplete item with your mouse (or simply click tab to move focus away from the input field).
7. Click outside the input field. Notice that the span to the right is not updated.

See also this page:
http://msdn.microsoft.com/en-us/library/ms533032(v=vs.85).aspx
> "To determine when a user updates the content of a field from the AutoComplete dialog box, use the onpropertychange event, rather than the onchange event, because the onchange event does not fire."

The project I'm working on is also using jquery.validate.js. In this framework the validation is triggered correctly also on AutoComplete - so maybe it could be an idea to study how they've implemented it there.