iframe popup

iframe popup

Hi guys,
Trying to implement popup with iframe embedded.
This documentation is not that clear for me.
I want to dynamically bind popup to table cells, i have a widget that can be embedded.
now  if i take this div:
<div data-role="popup" id="popupVideo" data-overlay-theme="a" data-theme="d" data-tolerance="15,15" class="ui-content"> <iframe src="http://player.vimeo.com/video/41135183" width="497" height="298" seamless></iframe> </div>
(with my own url)

I get an iframe inside my page already, its not hidden but shown.
$(document.body).append(div)...

But if i create a page using static HTML like 





here , then the iframe is not shown
at the beginning but only shows up if i press the pop up button.
 
So my question is how can i insert my iframe div so it will be part of the HTML 
docuemnt but not shown.

Hope i was clear, if more clarification is needed please tell.
Thanks in advance.