Change Text Inside an Element Using jQuery

Issue Description

I can seem to get freecode camp to work with me on this issue, its annoying as hell. Theyre so vague its disgusting. Ive tried 10 different ways to “Emphasize the text in your target4 button by adding HTML tags.” and nothing works and all the “solutions” i find on the internet dont work either. Maybe free code camp is broken. who knows

Browser Information

• Browser Name, Version:
• Operating System:
• Mobile, Desktop, or Tablet:

Your Code

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

Screenshot

[ghost]

i tried the em tags several times a thousand different ways

[manmeet17]

Just change the i tag to em tag , the challenge says that you need to emphasize the text I know that i tag and em tag are supposed to give the same end result, but the difference is i has the purpose of presenting something in italicised style. em has the purpose of giving emphasis to the content. HTML is all about the semantics