I'm stuck trying to create a simple point-and-click game in jQuery
<p>I'm new to jQuery, and decided that I wanted to create a game of some sort.</p>

<p>The game itself is really, really simple.</p>

<p><strong>Basically, you're presented with an image. And 7 choices. If your choice matches the picture, you get one point and get shown the next picture.</strong></p>

<p>Also: as soon as you click your answer, no matter if you're right or wrong, two pictures will popup beside the picture and 'spoil' the answer for you. If you were right - it displays a message saying you were right. If you were wrong - there's supposed to be a message for that.</p>

<p>This is where I've run into a couple of problems.</p>

<p>I'm able to run this if statement:</p>

<pre><code>if($("div").hasClass('sadness') &amp;&amp; $("img").hasClass('sadness'))
</code></pre>

<p>But I'm not able to run:</p>

<pre><code>if(!$("div").hasClass('sadness') &amp;&amp; $("img").hasClass('sadness'))
</code></pre>

<p><strong>It's easier shown than told.</strong></p>

<p>Note: my stuff doesn't really align well @ jsFiddle, but it's the jQuery code that's important. </p>

<p><a href="http://jsfiddle.net/WEAt6/" rel="nofollow">http://jsfiddle.net/WEAt6/</a></p>

<p>I would deeply appreciate if you guys took your time and looked through my code, I'm stuck...</p>
