I am having trouble with this code:
<!DOCTYPE html>
<head>
<title>AJAX Chat Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Script -->
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready( function(){
$("#chats").load("feed.php");
$("#post").submit( function(){
return false;
}
}
)
);
</script>
</head>
<body>
<!-- Messages display here -->
<div id="chats"></div>
<!-- Post the messages -->
<form id="post">
<input type="hidden" value="<?php echo $_SESSION['username']; ?>" />
<label>Message</label>
<input type="" maxlength="140" name="messages" />
<br />
<label></label>
<input type="submit" value="Chat" />
</form>
</body>
</html>
The problem is, the .load() function won't work. I have tried everything, nothing worked. The scripts, fixes, everything.