title: Detecting when the autofill has been filled
body: <p>After a long struggle, I've finally found out the only way to clear autofill styling in every browser:</p>
  
  <pre><code>$('input').each(function() {
      var $this = $(this);
  
      $this.after($this.clone()).remove();
  });
  </code></pre>
  
  <p>The problem is, it can't be run in <code>load</code>, because the autofilling of the fields happens sometime after the fact. Right now I'm running it on a timeout of 100 milliseconds after <code>load</code>:</p>
  
  <pre><code>// Kill autofill styles
  $(window).on({
      load: function() {
          setTimeout(function() {
              $('.text').each(function() {
                  var $this = $(this);
  
                  $this.after($this.clone()).remove();
              });
          }, 100);
      }
  });
  </code></pre>
  
  <p>and that seems safe on even the slowest of systems, but it's really not elegant. Is there some kind of reliable event or check I can make to see if the autofill is complete?</p>
  
  <p>EDIT: This is autofill.</p>
  
  <p><a href="http://dl.dropbox.com/u/2463964/autofill.png" title="Autofill and freehand circle.">autofill http://dl.dropbox.com/u/2463964/autofill.png</a></p>