undefined is not a function @ jquery.js

Hallo,

Ik ben bezig met een chat (wat gebruikt maakt van NodeJS:love Helaas krijg ik een error waar ik niet echt wijzer van word:
Uncaught TypeError: undefined is not a function jquery.js:5089

Mijn code:
[js]var socket = io.connect('http://localhost:3872', {transport:'polling'});
$(document).ready(function() {
var waiter = setInterval(function() {
if(state == 0) {
$("#waiter").html("Wachten op verbinding");
state = 1;
}

if(state == 1 || state == 2 || state == 3 || state == 4) {
$("#waiter").html($("#waiter").html() + ".");
state++;
}

if(state == 5) {
$("#waiter").html("Wachten op verbinding");
state = 0;
}
}, 300)
, state = 0;
socket.on('pingPong', function() {
$("#waiter", 920).fadeOut(function() {
clearInterval(waiter);
});
});

socket.on('launchData', function(data) {
$("body").append('<div id="container"></div>', function() {
$( "#container" ).fadeOut(0);
var signin = "<div id=\"overlay\"><div id=\"overlay_signin\"><p style=\"padding-left:5px;\">Je bent nog niet ingelogd...</p> <p class=\"grey\">log in, maak een account of log in als gast!</p><ul id=\"signForms\"><li id=\"signin_login\">Inloggen <form action=\"javascript:void(0)\"><input type=\"text\" id=\"inputUsername\" placeholder=\"Chatnaam\"/><input type=\"password\" id=\"inputPassword\" placeholder=\"Wachtwoord\"/><button onclick=\"login()\">Log in!</button></form></li><li id=\"signin_create\">Registreer <form action=\"javascript:void(0)\"><input type=\"text\" id=\"inputUsernamer\" placeholder=\"Chatnaam\"/><input type=\"password\" id=\"inputPasswordr1\" placeholder=\"Wachtwoord\"/><input type=\"password\" id=\"inputPasswordr2\" placeholder=\"Wachtwoord herhaling\"/><input type=\"email\" id=\"inputEmailr\" placeholder=\"Emailadres\"/><button onclick=\"register()\">Registreer!</button></form></li><li id=\"signin_guest\">Log in als gast <form action=\"javascript:void(0)\"><input type=\"text\" id=\"inputUsernameg\" placeholder=\"Chatnaam\"/><button onclick=\"loginGuest()\">Log in als gast!</button></form></li></ul></div></div>";
var rooms_html = "<div class=\"head\"><select name=\"rooms\">";
var users_html = "<div id=\"userList\"><div class=\"scroll-pane\"><ul class=\"users\">";
var chatBox = "<div id=\"chatBox\"></div>";
var messagesBoard = "<div id=\"messagesBoard\"><div id=\"messagesHead\">UBB | Emotions | Help</div><textarea maxlength=\"308\"id=\"message\" placeholder=\"Typ hier om te chatten\"></textarea></div>";
console.log("Loading rooms...");
data.rooms.forEach(function(data) {
rooms_html += "<option>"+ data.from +" &raquo "+ data.name +"</option>";
});
rooms_html += "</select></div>";

console.log("Loading users");
data.users.forEach(function(data) {
users_html += "<li id=\""+data.username+"\"><img src=\"./pic/"+ data.pic +"\">"+ data.username +"</li>";
});

users_html += "</ul></div></div>";


$( "#container" ).html(signin + rooms_html + users_html + chatBox + messagesBoard); // render chat
$( "#container" ).fadeIn(500);
});
});
});[/js]

Weet iemand een oplossing?

Opgelost, je kan geen async in append() hebben