Jquery replace parent with first child

Question

I'm trying to replace a dom parent with its first child and deleting all other children. It's not working. I got error: "Node cannot be inserted at the specified point in the hierarchy"

$("#over1").replaceWith($(this).children()[0]); 

Answer 1

this isn't referencing the #over1 element. Instead you should do:

$("#over1").replaceWith(function() { return $(':first', this); });