reproducir - ventana modal jquery ejemplo

Cargando iframe en una ventana emergente jQuery solo al hacer clic

Question

Estoy usando jQuery para crear ventanas superpuestas usando iframe. Hay tantos iframes en mis páginas que hacen que cargar toda la página sea extremadamente lento. Me gustaría retrasar la carga del src de iframes hasta que se haga un clic. Aquí está el código que estoy usando:

<a class=''COD_open'' href=''#cod''>COD</a>
<div id=''COD'' class=''well''>
   <iframe name=''I1'' src=''Freq/cod.html'' width=''500'' height=''500'' ></iframe>
</div>
<script> 
   $(document).click(function () {$(''#COD'').popup({pagecontainer: ''.container'',transition: ''all 0.3s''});}); 
</script>

Hay un Q & A similar que sugiere usar getElementById aquí, pero no pude implementar esta técnica en mi código. Cualquier ayuda sería muy apreciada.