//1. after()
$('.inner').after('<p>Test</p>');
$('.container').after($('h2'));
var $newdiv1 = $('<div id="object1"/>'),
  newdiv2 = document.createElement('div'),
  existingdiv1 = document.getElementById('foo');
$('p').first().after($newdiv1, [newdiv2, existingdiv1]);

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

//2. insertAfter( target )
$('h2').insertAfter($('.container'));
$("p").insertAfter("#foo");

//3. before( content, [ content ] )
$('.inner').before('<p>Test</p>');
$('.container').before($('h2'));
$("p").before("<b>Hello</b>"); $("p").before( document.createTextNode("Hello") );
$("p").before( $("b") );

//4. insertBefore( target )
$('<p>Test</p>').insertBefore('.inner');
$('h2').insertBefore($('.container'));
$("p").insertBefore("#foo");
$("input[type=password]").before(function() {console.log(this);});