How can I set a page specific favicon?
<p>I am looking for a code that will set page specific favicons. I already have a favicon on the whole site but on several pages throughout the site, I want an alternate favicon.</p>

<p>I found the following code somewhere a while ago and used it on a page once before but it doesn't seem to work now...</p>

<pre><code>&lt;script&gt;(function() {
    var link = document.createElement('link');
    link.type = 'image/x-icon';
    link.rel = 'shortcut icon';
    link.href = 'http://www.iconj.com/ico/8/6/86d29buh2e.ico';
    document.getElementsByTagName('head')[0].appendChild(link);
}());
&lt;/script&gt;
</code></pre>

<p>If anyone can shed some light on what may be wrong with the code or suggest alternate advice that would be much appreciated.</p>