Cuando intento crear una secuencia de nodos DOM desconectados usando.after, funciona bien si están vacíos:

[14:56:45.186] $('<span></span>').after('<p></p>');
[14:56:45.193] ({0:({}), length:2, prevObject:{0:({}), length:1}, context:(void 0), selector:".after([object Arguments])", 1:({})})

Pero si intento agregar cualquier texto en el primer nodo, falla:

[14:56:41.521] $('<span>test</span>').after('<p></p>');
[14:56:41.525] ({0:({}), length:1})

Si asigno ese resultado a una variable e intento inspeccionarlo, aparece como siafter Nunca había sido llamado en absoluto.

¿Qué está pasando aquí, y cómo trabajo alrededor de esto?

Edit: Para aquellos interesados, terminé escribiendo los siguientes wrappers que parecen hacerme la vida mucho más fácil:

function tag(name) {
    return function(contents, options) {
        var o = options || {};
        var is_array = $.type(contents) === "array";
        if (!is_array) {
            o.text = contents;
        }
        result = $('<' + name + ' />', o);
        if (is_array) {
            $.each(contents, function(i, child) { result.append(child); });
        }
        return result;
    }
}
var span = tag('span');
var div = tag('div');