Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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,693 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,693 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.