Как подгрузить Iframe при нажатии на div блок?

Так ?

$('.div').on('click', function () {
 var url = 'http://test.tu' ; // Твой url может быть динамичным, тогда нужно if например к каждому блоку присвоить атрибут, в зависимости от него будет разный url
  $('#bloсk').add('<iframe src="url" width="" height="" >
 </iframe>');
};
};

div class="photo1" id="photo"
scr
$('photo').on('click', function () {
var url = 'girlz1.html' ; //
$('photo').add(тiframe name="girl" src="girlz1.html" width="700px" height="500px" align="middle" scrolling="no"> frame ');
};
scr

что делаю не так?
p.s. убрал символы тк не могу разместить полноценный коментарий