CSS3 трансформации: отправка ввода в преобразованный div

Question

Это мой код: http://jsfiddle.net/bnookala/b2Yz8/3/ и вот результат: http://jsfiddle.net/bnookala/b2Yz8/3/embedded/result/

Поведение довольно простое: после нажатия на красный div происходит 3D-преобразование и синий divделается видимым.Однако попытка изменить это поведение (путем удаления класса flip) не работает.Второй jQuery.bind не получает событие click - его захватывает красный div.Это также очевидно в том, что поле ввода (в синем div) не может получить фокус мыши.Я пытался установить z-index для решения этой проблемы, но это не сработало.

Answer 1

Измените цель вашего клика, и это сработает:

$("#card").on('click', function () {
    $(this).toggleClass('flip');                
});