javascript - jQuery変数セレクター構文エラー、認識されない式

Question

nodejs メッセージを受信した後、html コードを DOM の前に追加したい...

socket.on('new-message', function(message) {
    $(message).prependTo('#messages').hide().slideDown();
});

次のエラー メッセージが表示されます。

不明なエラー: 構文エラー、認識できない式:

<li class="timeline-message">
    <div class="well">
        <div class="timeline-header">
            <img src="http://www.gravatar.com/avatar/8eb1b522f60d11fa897de1dc6351b7e8?s=50&amp;d=wavatar" alt="John" class="shadow" />
            <h4>
                New message from John<br/>
            </h4>
            <small>March 20th at 12:19am</small>
        </div>
        oo
    </div>
</li>

変数をタグで囲むと、うまく機能します。

$('<div>' + message + '</div>').prependTo('#messages').hide().slideDown();

ご協力ありがとうございました。