placing class inside another class
<p>In my program I have a class called "right-answer that I want in the td class but I am having real trouble with it.</p>

<p>This is where I add the "right word" class to "spellWord". But how to I add it to the "td" class instead.</p>

<pre><code>var spellWord = $('.highlight-problem .drop-box');
            if (!spellWord.filter(':not(.occupied)').length) {
                var wordIsCorrect = 0;
                spellWord.each(function () {
                    if ($(this).parents('td').data("letter") == $(this).find("div").data("letter")) {
                        console.log('letter is: ' + $(this).find("div").data("letter"))
                        wordIsCorrect++;
                    }
                });
                console.log(spellWord.length + ' , ' + wordIsCorrect);
                if (spellWord.length == wordIsCorrect) {
                    spellWord.addClass('right-word');
                    $(right).css('visibility', 'visible');
                    $(wrong).css('visibility', 'hidden');
                    score.right++;
                    $('.score').html(score.right + "/2").show();
                    setTimeout(function() {
                        successSound.play();
                    }, 200);
</code></pre>

<p>I have tried things like.</p>

<pre><code>spellWord.addClass('td').addClass('right-word');
</code></pre>

<p>and</p>

<pre><code>$('.td').addClass('right-word');
</code></pre>

<p>But cannot seem to get it working. Fiddle: <a href="http://jsfiddle.net/smilburn/Dxxmh/93/" rel="nofollow">http://jsfiddle.net/smilburn/Dxxmh/93/</a></p>
