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 mark pollard
mark pollard
6,079 Points

challenge says inside anonymous function, use jquery to select the footer div. it has an id of 'footer'. tried everythin

tried everything , cant figure this out. please help!

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

Justin Iezzi
Justin Iezzi
18,199 Points

Hey Mark,

You have the anonymous function figured out, so now we just need to write a line of jQuery inside of the function that will select the footer.

I like to open functions up for readability -

$.get("footer.html", function(response){
  // jQuery footer selection will go here
});

Since we know the footer div has an ID of "footer", we just select it using jQuery -

$('#footer');

Writing this line inside of the anonymous function should work. Hope this helps, and feel free to ask questions if you have any.

mark pollard
mark pollard
6,079 Points
mark pollard
mark pollard
6,079 Points

thanks

Justin Iezzi
Justin Iezzi
18,199 Points

Sure thing! Be sure to select best answer if it was helpful to you.