کپی و ایجاد خودکار از المان ها با هر کلیک

[thinkdiff]

با سلام
من یک سوال دارم و این هست که طبق عکس زیر با هر بار کلیک روی دکمه بالا صفحه باید یک کپی از کادر سبز با تمام المان های داخلیش گرفته بشه و در زیرش ایجاد بشه و محدودیتی نداره
یعنی با هر بار کلیک یک فرم مثل فرم سبز زیر قبلی ایجاد کند و بدون محدودیت
http://arpam.ir/wp-content/uploads/main.jpg

فایل سبک مثال رو هم براتون قرار دادم با حجم 27 کیلو بایت ممنون میشم ی بررسی کنید. این هم لینک (http://arpam.ir/wp-content/uploads/test.rar)
فقط نکته اینه که این کار ها باید فقط با زبان های HTML , CSS , Jquery انجام داد

ممنون

[thinkdiff]

دوستان کسی نیست جواب بنده رو بده؟

[jalil_gh]

قبل از هرچیز اون آی‌دی main رو به کلاس تبدیل کنید. چون وقتی یه کپی از اون میسازید اون آی‌دی هم کپی میشه. تو یه سند آی‌دی ها نباید تکراری باشه.
بعدش این کد رو به document ready اضافه کنید.
$('#new').click(function() {
$('.main').eq(0).clone().appendTo('body');
});

[thinkdiff]

خیلی خیلی ممنون مختصر و کاملا مفید