Help! Ajax Jquery Won't Pull Remote Page

Hello...I'm relatively new to this and need to pull content and links from an html page and have it display on another html page...but it's not working.

Here is the output page html:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Ajax and Jquery: Remote Pages</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$('#list').load("http://www.example.com/images/test.html ul");
});
</script>
</head>

<body>
<div id="list"></div>

</body>
</html>

and here is the source page code:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div id="list">
 <ul>
 <li><a href="http://www.example.com">link1</a></li>
 <li><a href="http://www.example.com">link2</a></li>
 </ul>
</div>
</body>
</html>

Does anybody with expert eyes see why this isn't working?

Thank you so much!

[edited by: Fotiman at 4:14 pm (utc) on Mar 4, 2010]
[edit reason] Examplified URLs [/edit]

Help! Ajax Jquery Won't Pull Remote Page

bhansel

Fotiman

bhansel

Fotiman

bhansel

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week