Дублирующий вывод ajax+jQuery

[karmis]

Всем доброго времени суток.
Столкнулся с проблемой.

Есть объект, по клику на который срабатывает асинхронный запрос, который обрабатывается на стороне сервера php и возвращает iframe со стилями и js

Вот код html

<img src='kartinka.png' class='kartinkla' id='cvetok' />

JS

$(".kartinka").live("click",
function()
	{
var id_kartinka=$(this).attr("id");
var url="Name="+id_kartinka;
req.open("POST","index.php",true);
req.onreadystatechange=showkartinka;
req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
req.send(url);
return false;
       }

function showkartinka()
{
$(".class").append(req.responseText);
}

echo("<iframe class='new-kartinka' src='app/".$_POST['Name']."'></iframe>");

Проблема в том, что вместо одного iframe возвращается два и больше iframe.

Пробовал заменить live на просто click -- не помогает ...

Может есть какие то способы решения этой проблемы ... сталкиваюсь не в первый раз, в интернете не нашел ничего путного

благодарен буду за любую помощь ...

[nekto_O]

я в jQuery не силен, но по-моему что-то типа

$(".class").html(req.responseText);

А вообще у меня просто мороз по коже когда я вижу такое

echo("<iframe class='new-kartinka' src='app/".$_POST['Name']."'></iframe>");

Ну зачем на сервере то html-строку собирать???

[karmis]

в том то и проблема, что если делать через html -- то затирается все содержимое класса и выводит iframe(ну если через html -- то нормально)

а если делать так

$(".class").append("<iframe src='туда'>"+req.responseText+"</iframe>");

то возвращается сначала пустой <iframe>, потом уже с вложением

[nekto_O]

Зачем каждый раз создавать iframe, неужели нельзя программно изменять его атрибуты? и зачем использовать запрос к серверу если то что вы пытайтесь сделать вполне можно сделать без обращения к серверу?