Ошибка при добавлении к documentFragment

Question

Я получаю сообщение об ошибке при создании фрагмента документа, добавлении к нему элементов и возврате этого фрагмента. Я использовал фрагменты документа в прошлом (злоупотреблял ими за пределами этого примера) и никогда не сталкивался с этой ошибкой. В консоли разработчика он перечисляет это как источник ошибки:

fragment.appendChild($balanceNumber, $balanceSign); 

Ошибка

Uncaught NotFoundError: An attempt was made to reference a Node in a context where it does not exist.

Функция

var constructBalanceFragment = function(balance) { 
    var $balanceNumber, $balanceSign, fragment, sign; 
    fragment = document.createDocumentFragment(); 
    $balanceNumber = $('<span class="balance_number"></span>'); 
    $balanceSign = $('<span class="balance_sign"></span>'); 
    if (balance > 0) { 
     sign = "+"; 
     $balanceSign.addClass("positive_number"); 
    } else if (balance < 0) { 
     sign = "-"; 
     $balanceSign.addClass("negative_number"); 
    } else { 
     sign = ""; 
    } 
    $balanceNumber.text(balance); 
    $balanceSign.text(sign); 
    fragment.appendChild($balanceNumber, $balanceSign); 
    return fragment; 

Редактировать

Я попытался это и до сих пор получил ту же ошибку, прежде чем кто-нибудь спросит

fragment.appendChild($balanceNumber); 
fragment.appendChild($balanceSign); 

Answer 1

Это ближе к оригиналу и, кажется, работает, держа его в духе JQuery:

$(fragment).append($balanceNumber, $balanceSign); 

http://jsfiddle.net/TfDXD/1/

Answer 2

Работа вокруг

Я установил это с помощью $object.appendTo(fragment) против fragment.appendChild($object) для тех, кто работает, чтобы это в будущем.