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 Use jQuery's .load() method

I honestly don't know what is going on with this question.

I really need some help, I know it's correct but it doesn't want to work.

app.js
$('#footer').load(footer.html);
$('#footer').load('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>

4 Answers

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

Simon Coates is correct. However, it's important to note that only the second line will be accepted by the challenge. If you do not delete the first line, the challenge will fail even though the second line is correct. :smiley:

Simon Coates
Simon Coates
28,694 Points

it accepted $("#footer").load('footer.html'); and then i ran with your code (the second line), and it worked fine.

Could you actually explain why the same piece of code is used twice? Thank you in advance

Simon Coates
Simon Coates
28,694 Points

you've lost me. I think one of us may have our wires crossed. the code should only be used the once.

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

You don't really. The first step (and I encourage you to try this by relaunching the challenge with the button at the top of this page) only requires you to enter this:

$('#footer');

In the second challenge you were just supposed to add the .load method onto the code that you already had :smile:

Thank you so much I understand it now.