title: Replacing contenteditable text on the fly
body: <p>I want to add some HTML as users type things into a contenteditable.  For example,</p>
  
  <pre><code>$('body')
    .delegate('div[contenteditable=true]', 'blur keyup paste',
      function(){
        var html = this.innerHTML;
        html.replace( "a", "b" );
        this.innerHTML = html;
      });
  </code></pre>
  
  <p>Well for one, this doesn't appear to replace anything.  Two, I get a weird issue that I can no longer type into the contenteditable div.  I checked events fired on the div, there is no 'blur' event going off.  I seem to have the div highlighted, but I have to click on the div again to type anything.  What am I missing here?</p>