[niko42]

Здравствуйте! Имеется, следующее:

$.installCatalog(Array({"name":"11111"}, {"name":"4444"}), Array({"id":"1"}));

<div class="installCatalog">
	<div class="title_category"></div>
</div>

$.installCatalog = function(category, product){

    if(product == ''){return false;}

    var c = $('.installCatalog').last();

    if(c.css('display') == 'none'){
        c.css({"display":"block"});
    }
    else{
        c = c.clone(true).insertAfter(c);
    }
    console.log(c);

    c.contentsd(category, product);

};

$.fn.contentsd = function(category, product){
    for(var key in category){
        this.find(".title_category").html("<span><a href=''>" + category[key].name + "</a></span>");
    }
};

Проблема заключается в следующем, когда клонирую блок и пытаюсь изменить контент в span, то почему-то он меняется на последнее значение: т.е. получается вот так:

<div class="installCatalog">
	<div class="title_category">
		<span>444444</span>
	</div>
</div>
<div class="installCatalog">
	<div class="title_category">
		<span>444444</span>
	</div>
</div>

А должно быть вот так:

<div class="installCatalog">
	<div class="title_category">
		<span>11111</span>
	</div>
</div>
<div class="installCatalog">
	<div class="title_category">
		<span>444444</span>
	</div>
</div>

Почему меняется контент во всех полях, если я явно указываю this