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 jQuery Basics Working with jQuery Collections Adding/Removing Classes

Jacob Han
Jacob Han
18,203 Points
Posted by Jacob Han
Jacob Han
18,203 Points

my answer> var $submit = $(".submit-btn").prop('disabled', true); not sure why its not working??

Keep getting errors. please help.

index.html 
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <button type="submit" class="submit-btn">Submit If You Can</button>

    <script
    src="jquery-3.2.1.min.js"></script>
    <script src="app.js"></script>
</body>
</html>
app.js 
var $submit = $(".submit-btn").prop('disabled', true);
Ben Payne
Ben Payne
1,464 Points

You need to do it in two steps:

  1. Select the element and cache it in a variable.
  2. Use the variable to set the property of the cached element. (HINT: It wants you to set the attribute directly and not the property.)

What you're doing is directly setting the prop to disabled on the element itself which I believe returns null.

1 Answer

Jacob Han
Jacob Han
18,203 Points
Jacob Han
Jacob Han
18,203 Points

I got it to work after reading it again word by word.

Thank you though, for the fast reply!

var $submit = $('.submit-btn'); $submit.attr('disabled', true);