<p dir="auto">Hi guys,</p>
<p dir="auto">I've been looking for a way to learn web development and have really been enjoying the material you guys have put together, so thank you.</p>
<p dir="auto">I have a login issue I can't figure out and didn't see a duplicate looking through the issues.</p>
<h4 dir="auto">Issue Description</h4>
<ul dir="auto">
<li>When I login with github from my mac mini on any browser, it does not work. I get a red error saying <code class="notranslate">Oops! Something went wrong. Please try again later</code>. I get redirected back to <a href="http://www.freecodecamp.com/map" rel="nofollow">http://www.freecodecamp.com/map</a>, and I'm not logged in.</li>
</ul>
<p dir="auto">Things I have tried on the mac mini:</p>
<ul dir="auto">
<li>Github login after hard refresh / clearing all of the browser cache</li>
<li>Github login on Firefox, Safari, Chrome</li>
<li>Github login in private browsing mode (all browsers)</li>
</ul>
<p dir="auto">But the weird thing is, I can successfully use github to login with 3 other computers:</p>
<ul dir="auto">
<li>Acer Chromebook (ChromeOS 48.0.2564.116 (64-bit))</li>
<li>Macbook Pro (OSX El Capitan)</li>
<li>Thinkpad (Ubuntu 14.04)</li>
</ul>
<h4 dir="auto">Browser Information (mac mini)</h4>
<ul dir="auto">
<li>Firefox 43.0.4</li>
<li>Chrome 49.0.2623.87 (64-bit)</li>
<li>Safari 9.0.3 (11601.4.4)</li>
<li>OS: OSX El Capitan 10.11.3 (15D21)</li>
</ul>
<h4 dir="auto">Screenshot</h4>
<ul dir="auto">
<li><strong>Login Error (mac mini)</strong><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/9358742/13768004/1e66eb06-ea3f-11e5-8788-04e22b6ae95e.png"><img src="https://cloud.githubusercontent.com/assets/9358742/13768004/1e66eb06-ea3f-11e5-8788-04e22b6ae95e.png" alt="login_error" style="max-width: 100%;"></a></li>
<li><strong>Login Success (thinkpad ubuntu)</strong><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/9358742/13768200/2fce0512-ea41-11e5-80ce-c123351b5528.png"><img src="https://cloud.githubusercontent.com/assets/9358742/13768200/2fce0512-ea41-11e5-80ce-c123351b5528.png" alt="login_success" style="max-width: 100%;"></a></li>
</ul>
<h4 dir="auto">Other Information</h4>
<p dir="auto">I have HAR files of logging in using the mac mini (error) and chromebook (success) for the GET requests of:</p>
<ul dir="auto">
<li>GET github</li>
<li>GET authorize?response_type=code&amp;redirect_uri...</li>
<li>GET callback?code=...</li>
<li>(mac mini, error) GET map</li>
<li>(others, success) GET trigger-click-events-with-jquery</li>
</ul>
<p dir="auto">I can share a link to these files to you privately, but I would rather not post them here in case the files have my cookie information, and they're a bit big (12 MB total).</p>
<p dir="auto">Challenge <a href="https://www.freecodecamp.com/en/challenges/jquery/target-the-parent-of-an-element-using-jquery" rel="nofollow">target-the-parent-of-an-element-using-jquery</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (Windows NT 6.1; WOW64; rv:48.0) Gecko/20100101 Firefox/48.0</code>.<br>
Please describe how to reproduce this issue, and include links to screenshots if possible.</p>
<p dir="auto">Can't complete this challenge, and I had someone double check me in chat to make sure my code was correct. I'm not sure if it's due to the site update that is currently being rolled out.</p>
<p dir="auto">It seems the code also causes the "#target1" button to become red instead of just the parent declarative.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/15256880/18403730/2d3436e4-76ac-11e6-9b55-4fb4f6f2024a.png"><img src="https://cloud.githubusercontent.com/assets/15256880/18403730/2d3436e4-76ac-11e6-9b55-4fb4f6f2024a.png" alt="ztjbpiy" style="max-width: 100%;"></a></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;#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;body&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;
&lt;/body&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">"#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-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">body</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">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>
<span class="pl-kos">&lt;/</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span>

    ```</pre></div>