[Isaac]

Здравствуйте.
Подскажите пожалуйста.
Пишу плагин, в котором мне нужно создать 20 дивов в одном диве. У этих 20 дивов отличается только id.

return this.each(function() {
    	var context = {
    		options				: options,
    		target 				: $(this),
                cards               : $(document.createElement("div")).attr({ "id" : "cards" }),
             // Add First Card
            firstCard           : $(document.createElement("div")).attr({ "class" : "card", "id" : "firstCard" }),
            // Add Second Card
            secondCard          : $(document.createElement("div")).attr({ "class" : "card", "id" : "secondCard" }),
            // Add Third Card
            thirdCard           : $(document.createElement("div")).attr({ "class" : "card", "id" : "thirdCard" }),

ниже

function initialize(context)
{
  cards = context.cards,

  // Add First Card
  firstCard = context.firstCard,
   // Add Second Card
  secondCard = context.secondCard,
  // Add Third Card
  thirdCard = context.thirdCard;
cards.append(firstCard);
cards.append(secondCard);
cards.append(thirdCard);
Ї

Как видете, код мягко говоря, не очень.
Если у меня будет 100 дивов внутри дива card, то я задолбаюсь их добавлять руками.
Вопрос:
как пожно с помощью each или если есть другой способ, добавить динамически єлементы в другой элемент?
Очень нужна помощь!