title: Handle IE 9 & 10's clear button with Knockout binding
body: <p>I have an input text box bound to a <a href="http://www.knockoutjs.com" rel="nofollow noreferrer">knockout js</a> observable. </p>
  
  <pre><code>&lt;input id="searchTextBox" class="searchTextBox" type="text" maxlength="25"
         title="Search" placeholder="Search"
         data-bind="value: GridVm.FilterText,
         valueUpdate: 'afterkeydown',
         disable: GridVm.Data().length == 0" /&gt;
  </code></pre>
  
  <p>The problem is that the FilterText observable doesn't update when the user clicks the x in IE. </p>
  
  <p>I've found that I can <a href="https://stackoverflow.com/questions/13481577/how-can-i-disable-the-clear-button-that-ie10-inserts-into-textboxes">remove the x</a> (see the screen shot in the linked question), but that's a last resort (I like the feature). <a href="http://www.kendoui.com/forums/ui/autocomplete/ie-10-clear-x-not-clearing-selected-value.aspx" rel="nofollow noreferrer">This forum says there is no event fired when the x is clicked</a>.</p>
  
  <p>Is there an event that I can use to force a Knockout observable update or a good way to do this in Knockout?   </p>