Question

I’m attempting to duplicate a div and append it on top of it’s clone. Unfortunately, it seems to be creating extra duplicates. What’s going on?

Here’s an example: http://jsfiddle.net/QEN5N/

Answer 1

live will apply it to all the new ones with that class to, so your getting the mouse overs on your created elements and then it’s making another and so on.

remove the searchResultItem class from your clone by changing it to be like so.

elem.addClass('created').removeClass('searchResultItem');

or:

disclude the created ones. like so:

$('.searchResultItem:not(.created)')

either works 🙂