<h4 dir="auto">Challenge Name</h4>

<p dir="auto">Target the Children of an Element Using jQuery<br>
<a href="https://www.freecodecamp.com/challenges/target-the-children-of-an-element-using-jquery" rel="nofollow">https://www.freecodecamp.com/challenges/target-the-children-of-an-element-using-jquery</a><br>
and next challenge.</p>
<h4 dir="auto">Issue Description</h4>

<p dir="auto">Look at duplicating "#target5" on left-well when refresh page or run tests (ctrl+enter). But when typing code in middle area - everything is good.</p>
<h4 dir="auto">Browser Information</h4>

<ul dir="auto">
<li>Browser Name, Version: Google Chrome 54.0.2840.99</li>
<li>Operating System: Windows 7</li>
<li>Mobile, Desktop, or Tablet: Desktop</li>
</ul>
<h4 dir="auto">Your Code</h4>

<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content=" 
&lt;script&gt;
  $(document).ready(function() {
    $(&quot;#target1&quot;).css(&quot;color&quot;, &quot;red&quot;);
    $(&quot;#target1&quot;).prop(&quot;disabled&quot;, true);
    $(&quot;#target4&quot;).remove();
    $(&quot;#target2&quot;).appendTo(&quot;#right-well&quot;);
    $(&quot;#target5&quot;).clone().appendTo(&quot;#left-well&quot;);
    $(&quot;#target1&quot;).parent().css(&quot;background-color&quot;, &quot;red&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-c1">&lt;</span><span class="pl-ent">script</span><span class="pl-c1">&gt;</span>
  $(document).ready(function() <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">css</span><span class="pl-kos">(</span><span class="pl-s">"color"</span><span class="pl-kos">,</span> <span class="pl-s">"red"</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">prop</span><span class="pl-kos">(</span><span class="pl-s">"disabled"</span><span class="pl-kos">,</span> <span class="pl-c1">true</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">"#target4"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">remove</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">"#target2"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">appendTo</span><span class="pl-kos">(</span><span class="pl-s">"#right-well"</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">"#target5"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">clone</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">appendTo</span><span class="pl-kos">(</span><span class="pl-s">"#left-well"</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">parent</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">css</span><span class="pl-kos">(</span><span class="pl-s">"background-color"</span><span class="pl-kos">,</span> <span class="pl-s">"red"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

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

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

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

 
 </pre></div>
<h4 dir="auto">Screenshot</h4>

<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/8858451/20458136/e9407978-aeac-11e6-9db5-030f1c734504.PNG"><img src="https://cloud.githubusercontent.com/assets/8858451/20458136/e9407978-aeac-11e6-9db5-030f1c734504.PNG" alt="s" style="max-width: 100%;"></a></p>
<p dir="auto">This is a duplicate of a ticket I opened here <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="104348391" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/2969" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/2969/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/2969">#2969</a></p>