<p dir="auto">Challenge <a href="https://www.freecodecamp.com/challenges/target-the-same-element-with-multiple-jquery-selectors" rel="nofollow">Target the same element with multiple jQuery Selectors</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36</code>.<br>
Please describe how to reproduce this issue, and include links to screenshots if possible.</p>
<p dir="auto">My code:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="
&lt;script&gt;
  $(document).ready(function() {
    $(&quot;button&quot;).addClass(&quot;animated&quot;);
    $(&quot;.btn&quot;).addclass(&quot;shake&quot;);
    $(&quot;#target1&quot;).addClass(&quot;btn-primary&quot;);

  });
&lt;/script&gt;

&lt;!-- Only change code above this line. --&gt;

&lt;div class=&quot;container-fluid&quot;&gt;
  &lt;h3 class=&quot;text-primary text-center&quot;&gt;jQuery Playground&lt;/h3&gt;
  &lt;div class=&quot;row&quot;&gt;
    &lt;div class=&quot;col-xs-6&quot;&gt;
      &lt;h4&gt;#left-well&lt;/h4&gt;
      &lt;div class=&quot;well&quot; id=&quot;left-well&quot;&gt;
        &lt;button class=&quot;btn btn-default target&quot; id=&quot;target1&quot;&gt;#target1&lt;/button&gt;
        &lt;button class=&quot;btn btn-default target&quot; id=&quot;target2&quot;&gt;#target2&lt;/button&gt;
        &lt;button class=&quot;btn btn-default target&quot; id=&quot;target3&quot;&gt;#target3&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;col-xs-6&quot;&gt;
      &lt;h4&gt;#right-well&lt;/h4&gt;
      &lt;div class=&quot;well&quot; id=&quot;right-well&quot;&gt;
        &lt;button class=&quot;btn btn-default target&quot; id=&quot;target4&quot;&gt;#target4&lt;/button&gt;
        &lt;button class=&quot;btn btn-default target&quot; id=&quot;target5&quot;&gt;#target5&lt;/button&gt;
        &lt;button class=&quot;btn btn-default target&quot; id=&quot;target6&quot;&gt;#target6&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span>
  <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-smi">document</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">ready</span><span class="pl-kos">(</span><span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
    <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">"button"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">addClass</span><span class="pl-kos">(</span><span class="pl-s">"animated"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">".btn"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">addclass</span><span class="pl-kos">(</span><span class="pl-s">"shake"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">"#target1"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">addClass</span><span class="pl-kos">(</span><span class="pl-s">"btn-primary"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

  <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span>

<span class="pl-c">&lt;!-- Only change code above this line. --&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">container-fluid</span>"<span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">h3</span> <span class="pl-c1">class</span>="<span class="pl-s">text-primary text-center</span>"<span class="pl-kos">&gt;</span>jQuery Playground<span class="pl-kos">&lt;/</span><span class="pl-ent">h3</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">row</span>"<span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">col-xs-6</span>"<span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;</span><span class="pl-ent">h4</span><span class="pl-kos">&gt;</span>#left-well<span class="pl-kos">&lt;/</span><span class="pl-ent">h4</span><span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">well</span>" <span class="pl-c1">id</span>="<span class="pl-s">left-well</span>"<span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">class</span>="<span class="pl-s">btn btn-default target</span>" <span class="pl-c1">id</span>="<span class="pl-s">target1</span>"<span class="pl-kos">&gt;</span>#target1<span class="pl-kos">&lt;/</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">class</span>="<span class="pl-s">btn btn-default target</span>" <span class="pl-c1">id</span>="<span class="pl-s">target2</span>"<span class="pl-kos">&gt;</span>#target2<span class="pl-kos">&lt;/</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">class</span>="<span class="pl-s">btn btn-default target</span>" <span class="pl-c1">id</span>="<span class="pl-s">target3</span>"<span class="pl-kos">&gt;</span>#target3<span class="pl-kos">&lt;/</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">col-xs-6</span>"<span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;</span><span class="pl-ent">h4</span><span class="pl-kos">&gt;</span>#right-well<span class="pl-kos">&lt;/</span><span class="pl-ent">h4</span><span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">well</span>" <span class="pl-c1">id</span>="<span class="pl-s">right-well</span>"<span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">class</span>="<span class="pl-s">btn btn-default target</span>" <span class="pl-c1">id</span>="<span class="pl-s">target4</span>"<span class="pl-kos">&gt;</span>#target4<span class="pl-kos">&lt;/</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">class</span>="<span class="pl-s">btn btn-default target</span>" <span class="pl-c1">id</span>="<span class="pl-s">target5</span>"<span class="pl-kos">&gt;</span>#target5<span class="pl-kos">&lt;/</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span>
        <span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">class</span>="<span class="pl-s">btn btn-default target</span>" <span class="pl-c1">id</span>="<span class="pl-s">target6</span>"<span class="pl-kos">&gt;</span>#target6<span class="pl-kos">&lt;/</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span>
      <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">When I try to run the test for this excersice, it doesnt appear the "to do" list below the "run test, help," etc. buttons, also it doesnt run the test (I belive the code is correct and it doesnt let me check that).</p>
<p dir="auto">Help?</p>
<p dir="auto">Challenge tests for jQuery fail to run if syntax errors are present in a campers code.</p>
<p dir="auto">Examples:<br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="161661570" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/9289" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/9289/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/9289">#9289</a><br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="159738958" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/9082" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/9082/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/9082">#9082</a><br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="163218773" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/9470" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/9470/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/9470">#9470</a><br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="164753410" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/9672" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/9672/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/9672">#9672</a><br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="165201340" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/9698" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/9698/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/9698">#9698</a></p>
<p dir="auto">What is stopping the tests running? Can we fix it?</p>
<p dir="auto">Is there a way to lint jQuery in codemirror so campers get visual clues to syntax errors, like in the JS challenges?</p>
<p dir="auto">-Or-</p>
<p dir="auto">When there is a syntax error, can we present a modal to the camper saying there is a syntax error present in their code when they click 'Run tests'?</p>