Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript AJAX Basics (retiring) jQuery and AJAX Add a callback

Posted by MUZ140030 Tinashe Matenga
MUZ140030 Tinashe Matenga
6,527 Points

were am i getting it wrong?

$('#footer').html(); ????????

app.js 
$.get("footer.html", function(data) {
  var $footer = $('#footer');
});
$('#footer').html();
index.html 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>AJAX with JavaScript</title>
</head>
<body>
  <div id="main">
    <h1>AJAX with jQuery</h1>
  </div>
  <div id="footer"></div>
  <script src="jquery.js"></script>
  <script src="app.js"></script>
</body>
</html>

2 Answers

Mark Wilkowske
PLUS
Mark Wilkowske
Courses Plus Student 18,131 Points
Mark Wilkowske
Mark Wilkowske
Courses Plus Student 18,131 Points

Hi Tinashe, you are very close to the solution. Hint - declaring a variable inside the callback function is not necessary.

Colin Marshall
Colin Marshall
32,861 Points
Colin Marshall
Colin Marshall
32,861 Points

You're close! Challenge 2 only asks you to select the div with id of footer. So you don't need to put it into a variable, you just need to do this:

$.get("footer.html", function(data) {
  $('#footer');
});

Then on Challenge 3, you run the html() method on the footer you just selected, and pass through the server response, which is the data argument in your callback function.

$.get("footer.html", function(data) {
  $('#footer').html(data);
});