jQuery在JSFiddle中工作，但在chrome或firefox中不起作用

Question

我知道我不是第一个提出这个问题的人，但我查看了其他主题，但我无法找到答案。

http://jsfiddle.net/rsadwick/zwWHY/

我的代码在JSFiddle中工作，但在Chrome或Firefox中没有。缺少的部分是翻转;我看到带有卡片的页面（Firefox的背面和Chrome的正面）但是我不能像在JSFiddle中那样翻转它。有什么想法吗？

   $('.flip').click(function(){
        $(this).find('.card').addClass('flipped').mouseleave(function(){
            $(this).removeClass('flipped');
        });
        return false;
    });