jQuery onclick not hiding div
<pre><code>$(document).ready(function(){
    /* The following code is executed once the DOM is loaded */

  $('.box-wrap').bind("click",function(){
        $(this).find('.card').addClass('flipped').bind('click',function(){
          $(this).removeClass('flipped');
        });
    });  
      return false;
});
</code></pre>

<p>If I re-clicked the div it works, but the second time I click another div the whole script doesn't work. No signs either in console or errors. I'm new to jQuery and can't figure this out. </p>

<pre><code>$(this).find('.card').addClass('flipped').mouseleave(function(){
</code></pre>

<p>this code works but it's not what i'm looking for. please help</p>
