replaceWidth does not work with document.createElement

[JorisDebonnet]

I noticed that the documentation page on replaceWidth had an example that didn't work as expected. I emailed the webmaster suggesting that it might be a bug, and he wasn't sure so he removed the example and suggested I'd check up on it.

It did:

$("p").replaceWith(document.createElement("div"));

​http://jsfiddle.net/pja8D/

Note that this jsFiddle uses jQuery 1.3.2: that's where it still works as expected. As soon as you use any version higher than that, it no longer works. Rather than replacing every individual element, it replaces all of them by a single element. This problem only occurs if you use the document.createElement function.

( Which is of course not the easiest way, it makes more sense just putting "<div/>" there, but I suppose the other way should still work. )

[timmywil]

This is a feature so that existing elements can be moved rather than duplicated. As you noticed, the intended effect can be done with "<div>" so that elements are created internally.