title: Jquery remove class is re-applying the class
body: <p>I m new to jquery and I m trying to add and then remove a div class. First I add the class name with <code>addClass();</code> when clicking on the div, and then I want to remove it by clicking on a link. This is the code I wrote so far, but it is not working.
  <a href="https://jsfiddle.net/j2tsk90k/1/" rel="nofollow">https://jsfiddle.net/j2tsk90k/1/</a> </p>
  
  <p>What am I doing wrong?</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="block yellow expandable skewX"&gt;
  &lt;div&gt;Test&lt;/div&gt; &lt;span id="transp"&gt;  
  &lt;a id="close"&gt;close&lt;/a&gt;
  &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$('.expandable').on('click', function () {
   $(this).addClass('fullscreen');
  });
  
  $('#close').click(function () {
   $('.expandable').removeClass('fullscreen');
  });
  </code></pre>
  
  <p>Note: </p>
  
  <ul>
  <li>On firefox it behaves like it is re-applying the class when clicking the link.</li>
  <li>On Chrome the link is not clickable.</li>
  </ul>
  
  <p>Thanks in advance</p>