jquery#after "Inserting Disconnected DOM nodes" example doesn't work

[bradvogel]

The following example in http://api.jquery.com/after/#disconnected-dom-nodes:

$( "<div></div>" )
  .after( "<p></p>" )
  .addClass( "foo" )
  .filter( "p" )
    .attr( "id", "bar" )
    .html( "hello" )
  .end()
  .appendTo( "body" );

claims that the following should have been added to the body:

<div class="foo"></div>
<p class="foo" id="bar">hello</p>

using jQuery > 1.4. However, trying this example in jQuery 1.9.1 (on the jQuery documentation page itself), only the <div> gets added to the body:

<div class="foo"></div>

Therefore, the example appears to be incorrect or there's a bug in the framework.

[gnarf]

This behavior changed in jQuery 1.9+ right @dmethvin ?

1.9.1: http://jsfiddle.net/a26fk1a3/
1.8.3: http://jsfiddle.net/6ksvuxev/

[dmethvin]

Yes, we need to update the docs there, I suggested removing these sections entirely in jquery/jquery#1833 .