How to get a copy of whole element in jQuery?

Question

I want to get the selected element and then insert it's copies in few places.

var template = $("#info-" + country + " > .stats > .template").clone();
$(template).insertBefore("#info-" + country + " > .stats > .template");

What I'm doing wrong that it doesn't copy the element and insert it?

P.S. The element which I'm selecting to copy is display:none.

Answer 1

You have an extra wrap there, template is already a jQuery object, you just need:

var template = $("#info-" + country + " > .stats > .template").clone();
template.insertBefore("#info-" + country + " > .stats > .template");

Or a bit simpler:

var template = $("#info-" + country + " > .stats > .template");
template.clone().insertBefore(template);

Or use .before() with a function, like this:

 $("#info-" + country + " > .stats > .template").before(function() { 
   return $(this).clone(); 
 });