jQuery .click() super simple but don't know what is going on
<p>So I don't quite understand why my function is not working. </p>

<p>So I have a div that gets a class added to it using .addClass and then resizes to the width and height of the window.
When I try to make "close" the div to return the original size it the click function does not work.  I have included my code below. Any help is appreciated. I know this is probably a super simple solution.  For some reason it doesn't seem to be finding the element to remove the class of 'flip' and resize.</p>

<p>jQuery</p>

<pre><code> var windowHeight = $(window).height();
 var windowWidth = $(window).width();
 $('.click').on("click", function () {
   $(this).addClass('flip').height(windowHeight).width(windowWidth);
 });
 // for the window resize
 $('#CloseThis').on("click", function () {
   //alert($(this).parent().attr('class'));
   $('body .click').removeClass('flip').height(200).width(200);
 });
</code></pre>

<p>HTML</p>

<pre><code>&lt;div class="click panel"&gt;
  &lt;div class="front"&gt;
    &lt;h2&gt;Click or tap this circle!&lt;/h2&gt;
  &lt;/div&gt;
  &lt;div class="back"&gt;
    &lt;h2&gt;Tap Again!&lt;/h2&gt;
    &lt;div id="CloseThis"&gt;Close this&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>
