jQuery/JavaScript program breaks after completion number is changed
<p>In a spelling game I have created there is a grid that is populated with words. The aim of the game is to spell the words by clicking on the letters on the side, which animate into the empty spaces in the grid. Words are highlighted if they are to be spelt, so the user can see where to go next. The aim of the game is to spell the required amount of words in the grid to complete the game. I usually set this to two, but have just changed it to 3 and the program keeps breaking after I spell the second word.</p>

<pre><code>    if (score.right == 3) {
    ................
    ................
}
</code></pre>

<p>Usually when you spell a word correctly I use a "click.trigger" function to move to the next highlighted word in the grid. At the moment after 2 correct ones the program either just doesn't go onto the next one or goes back to the last one and doesn't allow you to click the letters.</p>

<pre><code>setTimeout(function() {
                    jQuery('.next-question').trigger('click');
                }, 1500);
</code></pre>

<p>I have tried to go through with break points but cannot seem to find the issue. Can someone help me to get it working again and tell me where I was going wrong?</p>

<p>At the moment in my game there is no hint pictures or hint sounds so to find the highlighted word you have to use the console. Try answering two right then it will crash.</p>

<p>Here is a fiddle for the broken one: <a href="http://jsfiddle.net/smilburn/Dxxmh/101/">http://jsfiddle.net/smilburn/Dxxmh/101/</a></p>

<p>Here is a fidddle to a previous one that worked fine: <a href="http://jsfiddle.net/smilburn/Dxxmh/100/">http://jsfiddle.net/smilburn/Dxxmh/100/</a> (some class names may have changed)</p>
