Q:

Cloning only some parts of an HTML element using jQuery?

I'm cloning a list element in this way:
$('ol li.menu-item').click(function() {
  $(this).clone().appendTo('#check-items');
});

The li.menu-item has a span.name element. I would like to copy just that element to #check-items (I have many li.menu-items). Any suggestions to accomplish this?

A:

$('ol li.menu-item').click(function() {
  $(this).find('span.name').clone().appendTo('#check-items');
});

