So I have a nested div structure and I would like to get the content of the second level. How should i do it with jQuery .load? The following works only with simple divs(non-nested)...
.load("https://remote-site.com/blah.html #div_1", function() { }
Ok, the whole stuff is:
<html>
<head>
<title>AJAX Checker </title>
<link rel="stylesheet" href="style.css" type="text/css" />
<script src="jquery.js" language="javascript" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#loadData").click(function() {
$(this).text("...One Moment Please...");
$("#container").append('<div id="favoriteMovies"></div>')
.children("#favoriteMovies").hide()
.load("https://remote-site/blah.html", function() {
var elem = $(this).find('#subject');
$("#loadData").remove();
$("#favoriteMovies").slideDown("slow");
});
return false;
});
});
</script>
</head>
<body>
<div id="container">
<a href="#" id="loadData">Click</a>
</div>
</body>
</html>