jQuery Clone - Demo

Usage :
Example 1 - Clone element [immediate after last element] without copy the value. 





jQuery
$('.toClone_example1').metalClone({
	btnClone 	: '.btn_example1',
	copyValue 	: false
});
Example 2 - Clone element [immediate after last element] with value copied. 





jQuery
$('.toClone_example2').metalClone({
	btnClone 	: '.btn_example2',
	copyValue 	: true
});
Example 3 - Clone element [before first element] without value copied. 





jQuery
$('.toClone_example3').metalClone({
	btnClone 	: '.btn_example3',
	position	: 'before',
	copyValue 	: false
});
Example 4 - Clone element [before first element] with value copied. 





jQuery
$('.toClone_example4').metalClone({
	btnClone 	: '.btn_example4',
	position	: 'before',
	copyValue 	: true
});
Example 5 - Clone element [immediate after last element] with specified the number of element to copy. 





jQuery
$('.toClone_example5').metalClone({
	btnClone 		: '.btn_example5',
	position		: 'after',
	numberToClone 	: 5
});
Example 6 - Clone element [immediate after last element] with specified the number of element to copy and the destination to place the newly cloned element.
Please place the newly cloned element here 





jQuery
$('.toClone_example6').metalClone({
	btnClone 			: '.btn_example6',
	position			: 'after',
	numberToClone 		: 5,
	destination 		: '.toClone_example6_destination'
});
Example 7 - Clone element [immediate after last element] with specified the number of element to copy and the destination to place the newly cloned element with unique ID(s).
Please place the newly cloned element here 





jQuery
$('.toClone_example7').metalClone({
	btnClone 			: '.btn_example7',
	position			: 'after',
	numberToClone 		: 5,
	destination 		: '.toClone_example7_destination',
	ids					: ['select']
});
Example 8 - Clone element [immediate after last element] without specified clone button(will create new one with name "Create New Element"). 





jQuery
$('.toClone_example8').metalClone({
	position	: 'after'
});
Example 9 - Clone element [immediate after last element] with specified clone and remove button name. 





jQuery
$('.toClone_example9').metalClone({
	position			: 'after',
	btnRemoveText		: 'Please delete me from this',
	btnCloneText		: 'Wow, make another copy'
});
Example 10 - Clone element with limit element to clone. 





jQuery
$('.toClone_example10').metalClone({
	cloneLimit : 3
});
Example 11 - Clone element with limit element to clone and number of element to clone[must be noted that, the limit specified must be higher than number of element to clone. 





jQuery
$('.toClone_example11').metalClone({
	cloneLimit : 3,
	numberToClone : 2
});
Example 12 - Event work with table TR clone.
No. Name Ic Gender
a b c d 





jQuery
$('.toClone_example12').metalClone({
	cloneLimit : 3
});