SOLVED - Disable an Element Using jQuery - Not working?

JavaScript
1

Tell us what’s happening:

I don’t understand what’s going on here - It seems like a bug because this is the correct code, no? I selected the target1 button, and changed it to disabled. In the test environment it is disabled but the first test won’t pass, “Disable the target1 button”. Not sure… any help?

The reason there are spaces between “disabled” and “true” is because I was trying all types of spacing which seemed to solve others who have had the same issue, but I just can’t get this one to work.

NEVERMIND there weren’t supposed to be quotes around true. SORRY GUYS

Your code so far


<script>
  $(document).ready(function() {
    $("#target1").prop( "disabled" , "true" );

  });
</script>

<!-- Only change code above this line. -->

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36.

Link to the challenge:

2