Function: after(domElementOrMarkupStringOrCSSSelector, domInsertionElement, functionCallback(domElement))

Description: Inserts a DOM element, markup string, or CSS selector referenced element after a target element in the DOM.

Returns: domElement, or $A object if chained.

Example:

// Insert a DOM element after another element targetted with a CSS selector
var myElement = $A.after(domElement, "#myTargetNodeId");

// Insert a markup string element after another DOM element
var myElement = $A.after('<div>Here we are now, entertain us.</div>', domElement);

// Insert one element referenced by a CSS selector after another DOM element
var myElement = $A.after("#myTargetNodeToMove", domElement);

// Insert a DOM element after another DOM element and exicute a callback when done
var myElement = $A.after(domElementToMove, domElementToTarget, function(domElementToMove) {
  // Do something with domElementToMove after the insertion is complete.
});

// Or the same using chaining

// Insert a DOM element after another element targetted with a CSS selector
var myChain = $A(domElement).after("#myTargetNodeId");

// Insert a markup string element after another DOM element
var myChain = $A('<div>Here we are now, entertain us.</div>').after(domElement);

// Insert one element referenced by a CSS selector after another DOM element
var myChain = $A("#myTargetNodeToMove").after(domElement);

// Insert a DOM element after another DOM element and exicute a callback when done
var myChain = $A(domElementToMove).after(domElementToTarget, function(domElementToMove) {
  // Do something with domElementToMove after the insertion is complete.
});

// To return the modified element within a chain, use the "return()" method.

var myElement = myChain.return();