onClick Switching Classes issue
<p>What i have is <code>&lt;div#graphicsCloseBox&gt;</code> nested inside <code>&lt;div#catbox&gt;</code>.
It's supposed to be when you click , the class changes back.
I cannot use toggleClass because there is a form input inside box, so clicking the form messes things up.</p>

<pre><code> $('#catbox').click(function() {
        $(this).removeClass('cat');
        $(this).addClass('cat2');
});
$('#graphicsCloseBox').click(function() {
    $('#catbox').removeClass('cat2');
    $('#catbox').addClass('cat');
});
</code></pre>

<p>if you want an example check <a href="http://codepen.io/rtro92/pen/mihlu" rel="nofollow">http://codepen.io/rtro92/pen/mihlu</a>
but this is pretty much straightforward.
I know my problem is in the 2nd function, I just can't target the #catbox.
Thanks!</p>
