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();

感谢您的帮助。