Youtube + JS onStatusChange event assistance

Youtube + JS onStatusChange event assistance

Hello

This should be a basic problem but I’ve attempted it for a couple of hours and am getting frustrated. Wondering if a fresh pair of eyes and perspective can help me out with the Youtube API and jQUERY.

Basically, I’m wanting to bind an event and listen for the ‘statusChange’ event fired on a youtube embed bode

Here’s a full, working example of what I want:

http://jsfiddle.net/YzvXa/197/


HOWEVER:

When I dynamically create the “iframe” as below - the statusChanges code above won't fire on the newly created window. 


$(“test-area”).append("<div id="tabs2"><iframe width="640"height="390"frameborder="0" title="YouTube video player"type="text/html"src="http://www.youtube.com/embed/u1zgFlCw8Aw?enablejsapi=1"></iframe></div>”);

It appears the binding happens on page ready is that right?. 

How can I get it to work if I delete and recreate the “tabs2” ID div?

Any suggestions? Thanks very much!! 

Regards