is there something wrong with my coding?

[agung1]

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<script>
$(document).ready(function() {
  $("#target1").css("color", "red");
});
</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/101.0.4951.54 Safari/537.36

Challenge: Change the CSS of an Element Using jQuery

Link to the challenge:

freeCodeCamp.org

[8-bitgaming]

Hey there and welcome to the forums

Your code passes the lesson for me

Do you have any browser extensions on that could be effecting it? Given they want you to change a color, the first thing that jumps to mind would be an extension that changes a websites theme, such as a dark mode feature.