Jquery & iframe

В iframe

HTML:

<script>
jQuery("#save").live("click", function(){
jQuery("#big",parent.document).html('<img src="<?php echo $pic; ?>">')
});
</script>

В основном документе

HTML:

<div  id="big" > бла бла </div>

При клике на #save всё срабатывает , и файрбагом можно увидеть начинку дива - там нужная картинка. НО она не отображается. Передавал данные десятком способов, с jQuery и без, она не отображается. Вывод - я чего-то не понимаю. Не будет ли кто любезен разъяснить чего в супе не хватает ?

 

jQuery("#big",parent.document).append("<img id='theImg' src='theImg.png'/>");
будет работать

 

jQuery("#big",parent.document).append("<img id='theImg' src='theImg.png'/>");
Работы для меня

 

Если я правильно понял, нужно вставить картинку в div. Вот так ещё можно попробовать, даже без jQuery (правда, если в виде background устроит, но зачастую так оно и есть).

Код:

document.getElementById('big').style.backgroundImage='image.jpg'

 

Код:

jQuery("#save").live("click", function(){
parent.document.getElementById('big').innerHTML = '<img src="<?php echo $pic; ?>">';
});

 

Если используете parent, то использовать document.getElementById('big') как-то не целесообразно выходит