Javascript error "missing ] after element list" after setTimeout execution
<p>My thoughts at first were that this was a syntax problem, but I don't see any syntax issues.  I've added debug code and that gave odd results, <code>x</code> is logged before <code>jQuery('#notification')</code></p>

<pre><code>document.triggerNotification = function (type, message) {
    jQuery(document.body).append("&lt;div class='push-notification push-"+type+"' id='notification'&gt;"+message+"&lt;/div&gt;");

    setTimeout(jQuery('#notification').fadeOut(1200, function () {
        console.log(jQuery('#notification'));
        jQuery('#notification').remove();
        console.log(jQuery('#notification'));
    }), 3000);
    console.log('x');
}
</code></pre>

<p>Firebug provides the following output:</p>

<pre><code>x
[div#notification.push-notification]
[]
missing ] after element list - [Break on this error] [object Object]
</code></pre>

<p>Everything is successfully executing but it's still throwing an error.</p>
