Embeded object not responding to the click event

Embeded object not responding to the click event

I have Div that when clicked the div inside rotates, like a playing card one side showing the face the other back, see this tutorial http://desandro.github.io/3dtransforms/docs/card-flip.html

I have it working perfectly fine and it rotates when I click it, then I embeded another page into the 'back face', it's a work report.  Now when I click on the report it doesn't click back.

Can jquery respond to a click event on a clicked object, or can I put something transparent over the top???

here is my current code.  Thanks for any help.
jasemilly

           $(".container").click(function(){
                $("#card").toggleClass("flipped");
              });