Can't figure it out!

Tell us what’s happening:

Your #target1 element should have the classes animated‚ shake and btn-primary…
I can not get passed this part with for the life of me, what am I doing wrong??
Your code so far

  $(document).ready(function() {
    $("#target1").addClass("animated shake btn-primary");

<!-- 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">
      <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 class="col-xs-6">
      <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>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12) AppleWebKit/602.1.50 (KHTML, like Gecko) Version/10.0 Safari/602.1.50.

Link to the challenge:

Read the task one more time.

Although it is possible to add multiple classes in a single .addClass() call, let’s add them to the same element in three separate ways.

Using .addClass(), add only one class at a time to the same element, three different ways.

Cheers and good luck!

its still not making sense to me lol I’ve tied a ton of different ways and when do one it cancels out the other and vice versa


after ONLY these lines, what classes does #target1 have?

says to add btn-primary to #target1, along with the other two. I must be overthinking this…