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

Help me please.

I feel like it is right but it doesn't work? Help please. Thank you in advance.

app.js
$.get("footer.html", function(response) {
   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>

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Still soooo close! Keep in mind that for challenges it's best to not do anything that they don't explicitly ask for. Here you've tried to set up a new variable and assign the footer to it. But then you never use the variable. And the second line inside the block is almost perfect! All it needs is the response from the server. Take a look and see if you can see what I mean:

$.get("footer.html", function(response) {  //use get method to get the footer.html and the server response
    $('#footer').html(response);     // select the footer and use the html method and send the response into the method
});

Happy coding! :smiley: