javascript - draggable.helper を使用していますが、ヘルパーを dom に追加したかったのですが、気に入りません。

Question

私が取り組んでいるサンプルはここにあります: http://jsfiddle.net/aLnJG/3/

基本的に、入力ボックスであるヘルパーをドラッグ可能にして、ドロップすると、ヘルパーをキャンバスに追加したいと思いました。

コード：

$("div#controlList > div").draggable({
    helper: function(){ return $("<input type='text' />");}
});

$("div#canvas").droppable({
    drop: function(event, ui){
        $("<li />").append($(ui.helper[0])).appendTo(this);
    }
});

要素を調べると、#CANVAS に DIV が追加されているようですが、内容がありません。