Giving user 2nd attempt
<p>In my spelling game there is a grid with words in to spell. The user is given a highlighted area in the grid and some clues like a picture and a sound of a word like "cat" for example.</p>

<p>The user then is supposed to click the corresponding letters on the side of the grid to achieve the correct answer.</p>

<p>If the user correctly spells the word, the word fades out to show a section of the image behind. The aim of the game is to spell all the words correctly and reveal the the whole image</p>

<p>If the user gets the spelling of a word wrong, there is a style applied to the word that makes it glow red, this should then fade after 2 seconds and he/she should be given another attempt to try to spell the word.</p>

<p>Currently when a word is spelt incorrectly the style appears to make the word glow red, but it does not go after 2 seconds and the user is not given another shot at the word.</p>

<p>I have used this line of code to get rid of the style's after 2 seconds...</p>

<pre><code>$('.drop-box.spellword').removeClass('wordglow wordglow3 wordglow4', "2000");
</code></pre>

<p>For some reason it doesn't work</p>

<p>The script that adds the styles is here...</p>

<pre><code>if (!$('.drop-box.spellword:not(.occupied)').length) {
            var wordIsCorrect = 0;
            $('.drop-box.spellword').each(function() {
                if ($(this).attr("data-letter") == $(this).find("div").attr("data-letter")) {
                    wordIsCorrect++;
                }
            });
            console.log(wordIsCorrect);
            console.log($('.drop-box.spellword').length);
            if ($('.drop-box.spellword').length == wordIsCorrect) {

                $('.drop-box.spellword').addClass('wordglow2');
                $(right).val('Well Done!');
                $(right).show();
                audioS.play();
                $('.counter').html(completeWords + '/6').show();
                $(wrong).hide();
                $('.minibutton').prop('disabled', false);

            } else {

                $('.drop-box.spellword').addClass("wordglow4").css('color', 'transparent');
                $(wrong).val('Try Again');
                $('.minibutton').prop('disabled');
                $(wrong).show();
                audioF.play();
                $('.counter').html(completeWords + '/6').show();
                $(right).hide();
                $('.minibutton').prop('disabled', true);   

            }
</code></pre>

<p>To give the user another attempt I thought you may use something like this..</p>

<pre><code>$('.drop-box.spellword').splice(0, $('.drop-box.spellword').length);
</code></pre>
