Detect change in document title via Javascript
===

Is there any way to detect a change to `document.title` / `head > title` via Javascript? I want to detect this via a Google Chrome extension content script, so I can't really wire up code in the target page's JS where the actual title change is performed.

I've found WebKitMutationObserver which theoretically should be able to detect a change to `head > title`, but it doesn't work for all cases:

    // set up an observer for the title element
    var target = document.querySelector('title');
    var observer = new WebKitMutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            console.log(mutation);
        });
    });
    var config = { attributes: true, childList: true, characterData: true };
    observer.observe(target, config);

    // this jQuery statement fires the observer as expected ...
    $('head > title').text('foo');

    // ... but this doesn't:
    document.querySelector('title').innerText = 'cheezburger';

    // ... and neither does this:
    document.title = 'lorem ipsum';

Any ideas?