How do I get a count variable to work?
<p>So I am trying to fire an event with a count, but I don't seem to get it working.
What I want to  do is to fade in the <code>#reward</code> when 6 <code>a.correct</code> links are clicked.
No idea why it isn't working.
Would love some help :)</p>

<p>Link: <a href="http://www.carlpapworth.com/htmlove/sweet-talk.html" rel="nofollow">http://www.carlpapworth.com/htmlove/sweet-talk.html</a></p>

<p>HTML:</p>

<pre><code>    &lt;body&gt;
&lt;header&gt;
    &lt;div id="headerTitle"&gt;&lt;a href="index.html"&gt;&amp;lt;html&lt;span class="heart"&gt;&amp;hearts;&lt;/span&gt;ve&amp;gt;&lt;/a&gt;
            &lt;/div&gt;
            &lt;div id="help"&gt;
                &lt;h2&gt;?&lt;/h2&gt;
                &lt;div id="helpInfo"&gt;
                    &lt;p&gt;The name of the puzzle should lead u to success!&lt;/p&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/header&gt;
    &lt;div id="reward"&gt;
        &lt;div id="rewardContainer"&gt;
            &lt;div id="rewardBG" class="heart"&gt;&amp;hearts;
            &lt;/div&gt;
            &lt;p&gt;OMG, this must be luv&lt;br&gt;&lt;a href="index.html" id="exit4" data-key="4" class="exit"&gt;x&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
    &lt;/div&gt;  
    &lt;div id="pageWrap"&gt;
        &lt;div id="poem"&gt;
        &lt;a href="#"&gt;w&lt;/a&gt;
        &lt;a href="#"&gt;h&lt;/a&gt;
        &lt;a href="#"&gt;e&lt;/a&gt;
        &lt;a href="#"&gt;n&lt;/a&gt;&amp;nbsp;

        &lt;a href="#"&gt;t&lt;/a&gt;
        &lt;a href="#"&gt;h&lt;/a&gt;
        &lt;a href="#"&gt;e&lt;/a&gt;&amp;nbsp;

        &lt;a href="#"&gt;t&lt;/a&gt;
        &lt;a href="#" class="correct"&gt;h&lt;/a&gt;
        &lt;a href="#"&gt;u&lt;/a&gt;
        &lt;a href="#"&gt;m&lt;/a&gt;
        &lt;a href="#"&gt;p&lt;/a&gt;
        &lt;a href="#"&gt;i&lt;/a&gt;
        &lt;a href="#"&gt;n&lt;/a&gt;
        &lt;a href="#"&gt;g&lt;/a&gt;&amp;nbsp;

        &lt;a href="#"&gt;g&lt;/a&gt;
        &lt;a href="#"&gt;r&lt;/a&gt;
        &lt;a href="#"&gt;o&lt;/a&gt;
        &lt;a href="#"&gt;w&lt;/a&gt;
        &lt;a href="#"&gt;s&lt;/a&gt;&amp;nbsp;

        &lt;br&gt;
        &lt;a href="#"&gt;w&lt;/a&gt;
        &lt;a href="#"&gt;h&lt;/a&gt;
        &lt;a href="#"&gt;e&lt;/a&gt;
        &lt;a href="#"&gt;n&lt;/a&gt;&amp;nbsp;

        &lt;a href="#"&gt;t&lt;/a&gt;
        &lt;a href="#"&gt;h&lt;/a&gt;
        &lt;a href="#"&gt;e&lt;/a&gt;&amp;nbsp;
        &lt;a href="#"&gt;p&lt;/a&gt;
        &lt;a href="#"&gt;u&lt;/a&gt;
        &lt;a href="#"&gt;l&lt;/a&gt;
        &lt;a href="#"&gt;s&lt;/a&gt;
        &lt;a href="#" class="correct"&gt;e&lt;/a&gt;&amp;nbsp;

        &lt;a href="#"&gt;i&lt;/a&gt;
    &lt;a href="#"&gt;s&lt;/a&gt;&amp;nbsp;

    &lt;a href="#"&gt;p&lt;/a&gt;
    &lt;a href="#"&gt;u&lt;/a&gt;
    &lt;a href="#"&gt;m&lt;/a&gt;
    &lt;a href="#"&gt;p&lt;/a&gt;
    &lt;a href="#"&gt;i&lt;/a&gt;
    &lt;a href="#"&gt;n&lt;/a&gt;
    &lt;a href="#"&gt;g&lt;/a&gt;&amp;nbsp;

    &lt;a href="#"&gt;h&lt;/a&gt;
    &lt;a href="#"&gt;a&lt;/a&gt;
    &lt;a href="#"&gt;r&lt;/a&gt;
    &lt;a href="#"&gt;d&lt;/a&gt;
    &lt;br&gt;
    &lt;/a&gt;
    &lt;a href="#" class="correct"&gt;a&lt;/a&gt;
    &lt;a href="#"&gt;n&lt;/a&gt;
    &lt;a href="#"&gt;d&lt;/a&gt;
    &lt;br&gt;
    &lt;a href="#"&gt;e&lt;/a&gt;
    &lt;a href="#"&gt;v&lt;/a&gt;
    &lt;a href="#"&gt;e&lt;/a&gt;
    &lt;a href="#"&gt;r&lt;/a&gt;
    &lt;a href="#"&gt;y&lt;/a&gt;&amp;nbsp;

    &lt;a href="#"&gt;s&lt;/a&gt;
    &lt;a href="#"&gt;e&lt;/a&gt;
    &lt;a href="#"&gt;n&lt;/a&gt;
    &lt;a href="#"&gt;s&lt;/a&gt;
    &lt;a href="#"&gt;e&lt;/a&gt;&amp;nbsp;

    &lt;a href="#" class="correct"&gt;r&lt;/a&gt;
    &lt;a href="#"&gt;e&lt;/a&gt;
    &lt;a href="#"&gt;p&lt;/a&gt;
    &lt;a href="#"&gt;e&lt;/a&gt;
    &lt;a href="#"&gt;a&lt;/a&gt;
    &lt;a href="#"&gt;t&lt;/a&gt;
    &lt;a href="#"&gt;s&lt;/a&gt;&amp;nbsp;

    &lt;a href="#"&gt;t&lt;/a&gt;
    &lt;a href="#"&gt;h&lt;/a&gt;
    &lt;a href="#"&gt;e&lt;/a&gt;&amp;nbsp;

    &lt;a href="#"&gt;b&lt;/a&gt;
    &lt;a href="#"&gt;e&lt;/a&gt;
    &lt;a href="#"&gt;a&lt;/a&gt;
    &lt;a href="#"&gt;t&lt;/a&gt;
    &lt;br&gt;
    &lt;a href="#"&gt;t&lt;/a&gt;
    &lt;a href="#"&gt;h&lt;/a&gt;
    &lt;a href="#"&gt;e&lt;/a&gt;
    &lt;a href="#"&gt;n&lt;/a&gt;&amp;nbsp;

    &lt;a href="#"&gt;l&lt;/a&gt;
    &lt;a href="#"&gt;e&lt;/a&gt;
    &lt;a href="#"&gt;t&lt;/a&gt;
    &lt;a href="#" class="correct"&gt;t&lt;/a&gt;
    &lt;a href="#"&gt;i&lt;/a&gt;
    &lt;a href="#"&gt;n&lt;/a&gt;
    &lt;a href="#"&gt;g&lt;/a&gt;&amp;nbsp;

    &lt;a href="#"&gt;g&lt;/a&gt;
    &lt;a href="#"&gt;o&lt;/a&gt;&amp;nbsp;

    &lt;a href="#"&gt;i&lt;/a&gt;
    &lt;a href="#"&gt;s&lt;/a&gt;&amp;nbsp;

    &lt;a href="#"&gt;a&lt;/a&gt;
    &lt;a href="#"&gt;l&lt;/a&gt;
    &lt;a href="#"&gt;l&lt;/a&gt;
    &lt;br&gt;
    &lt;a href="#"&gt;o&lt;/a&gt;
    &lt;a href="#"&gt;u&lt;/a&gt;
    &lt;a href="#"&gt;r&lt;/a&gt;&amp;nbsp;

    &lt;a href="#"&gt;s&lt;/a&gt;
    &lt;a href="#"&gt;o&lt;/a&gt;
    &lt;a href="#"&gt;r&lt;/a&gt;
    &lt;a href="#"&gt;r&lt;/a&gt;
    &lt;a href="#"&gt;y&lt;/a&gt;&amp;nbsp;

    &lt;a href="#" class="correct"&gt;s&lt;/a&gt;
    &lt;a href="#"&gt;o&lt;/a&gt;
    &lt;a href="#"&gt;u&lt;/a&gt;
    &lt;a href="#"&gt;l&lt;/a&gt;
    &lt;a href="#"&gt;s&lt;/a&gt;&amp;nbsp;

    &lt;a href="#"&gt;m&lt;/a&gt;
    &lt;a href="#"&gt;u&lt;/a&gt;
    &lt;a href="#"&gt;s&lt;/a&gt;
    &lt;a href="#"&gt;t&lt;/a&gt;&amp;nbsp;

        &lt;a href="#"&gt;d&lt;/a&gt;
    &lt;a href="#"&gt;o&lt;/a&gt;
    &lt;/div&gt;
&lt;/div&gt; &lt;!-- END Page Wrap --&gt;
&lt;footer&gt;
    &lt;div class="heartCollection"&gt;
        &lt;p&gt;collect us if u need luv:&lt;p&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a id="collection1" class="notFound"&gt;&amp;hearts;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a id="collection2" class="notFound"&gt;&amp;hearts;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a id="collection3" class="notFound"&gt;&amp;hearts;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a id="collection4" class="notFound"&gt;&amp;hearts;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a id="collection5" class="notFound"&gt;&amp;hearts;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a id="collection6" class="notFound"&gt;&amp;hearts;&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div class="credits"&gt;with love from Popm0uth ©2012&lt;/div&gt;
&lt;/footer&gt;
</code></pre>

<p></p>

<p>Javascript:</p>

<pre><code>var count = 0;
$(document).ready(function() {

    $('a.correct').click(function(){    
                $(this).css('color','#ff63ff');
                count++;
    });
    $('a:not(.correct)').click(function(){
        $('a.correct').css('color','#363636');  
    });
    if (count == 6) {
        $('#reward').fadeIn(1000);
    }
});
</code></pre>
