JQuery Code not working in IE9 or lower versions
<p>EDIT*</p>

<p>In one of the pages in our website there is a pirate with a speech bubble that tells jokes. When the bubble is clicked the joke changes to another one at random in the list. For some reason this will not work in IE9 or lower. Can anyone tell me why?</p>

<p>I have checked the console and this error appears </p>

<pre><code>"CE2.w.external.InPrivateFilteringEnabled is not a function" 
</code></pre>

<p>Here is the script:</p>

<pre><code>$(document).ready(function () {
    var list = $(".joke-list li").toArray();
    var elemlength = list.length;

    // Encapsulate random value assignment within a function
    var setRandomValue = function(element) {
        var randomnum = Math.floor(Math.random() * elemlength);
        var randomitem = list[randomnum];
        $(element).html($(randomitem).text());
    }

    // Bind click button
    $('.speech').click(function () {
        setRandomValue(this);
    });

    // Set random value for the first time
    setRandomValue($('.speech'));
    $('.speech').css("width: 1000px;");
});
</code></pre>

<p>Here is a fiddle that I have thrown together to show the fault: <a href="http://jsfiddle.net/uRd6N/116/" rel="nofollow">http://jsfiddle.net/uRd6N/116/</a></p>
