Chained Method Calls Doesn't Work On Original Nor Cloned Element?

I have the following HTML:

Solution 2:

If you do the following:

$("#div").replaceWith(".item2")

The object returned by the replaceWith method is the original set of objects. This because they might be replaced, but they still exists. Maybe not in the DOM but outside of it. Therefor you might want to do something else with it after replacement.

Therefor you need to make a seperate Javascript call where you select the right element and call the removeAttr and select2 function.

The .replaceWith() method, like most jQuery methods, returns the jQuery object so that other methods can be chained onto it. However, it must be noted that the original jQuery object is returned. This object refers to the element that has been removed from the DOM, not the new element that has replaced it.

http://api.jquery.com/replacewith/