<p dir="auto">Here's the tweet with the video capture of this bug in action: <a href="https://twitter.com/ianothere/status/684476677632606208" rel="nofollow">https://twitter.com/ianothere/status/684476677632606208</a></p>
<p dir="auto">Challenge <a href="http://localhost:3000/challenges/waypoint-target-html-elements-with-selectors-using-jquery" rel="nofollow">Waypoint: Target HTML Elements with Selectors Using jQuery</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.106 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 bounce&quot;);
    $($(&quot;button&quot;))
  });
  while (true) {

  }
&lt;/script&gt;

&lt;!-- You shouldn't need to modify code below 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 bounce"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-en">$</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-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">while</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-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;!-- You shouldn't need to modify code below 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">I updated the Issue Template with <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="146655668" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/7958" data-hovercard-type="pull_request" data-hovercard-url="/freeCodeCamp/freeCodeCamp/pull/7958/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/pull/7958">#7958</a> and I feel the Pull Request Template could use an update too. <a href="https://www.talater.com/open-source-templates" rel="nofollow">This website can autogenerate a template</a> by asking you a series of questions on what you need in a PR and it'll generate a template for you. Here's the template I got:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;!--- Provide a general summary of your changes in the Title above --&gt;

## Description
&lt;!--- Describe your changes in detail --&gt;

## Motivation and Context
&lt;!--- Why is this change required? What problem does it solve? --&gt;
&lt;!--- If it fixes an open issue, please link to the issue here. --&gt;

## How Has This Been Tested?
&lt;!--- Please describe in detail how you tested your changes. --&gt;
&lt;!--- Include details of your testing environment, and the tests you ran to --&gt;
&lt;!--- see how your change affects other areas of the code, etc. --&gt;

## Screenshots (if appropriate):

## Types of changes
&lt;!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: --&gt;
- [x] Bug fix (non-breaking change which fixes an issue)
- [x] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing functionality to change)

## Checklist:
&lt;!--- Go over all the following points, and put an `x` in all the boxes that apply. --&gt;
&lt;!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! --&gt;
- [x] My code follows the code style of this project.
- [x] My change requires a change to the documentation.
- [x] I have updated the documentation accordingly.
- [ ] I have read the **CONTRIBUTING** document.
- [ ] I have added tests to cover my changes.
- [ ] All new and existing tests passed."><pre class="notranslate"><code class="notranslate">&lt;!--- Provide a general summary of your changes in the Title above --&gt;

## Description
&lt;!--- Describe your changes in detail --&gt;

## Motivation and Context
&lt;!--- Why is this change required? What problem does it solve? --&gt;
&lt;!--- If it fixes an open issue, please link to the issue here. --&gt;

## How Has This Been Tested?
&lt;!--- Please describe in detail how you tested your changes. --&gt;
&lt;!--- Include details of your testing environment, and the tests you ran to --&gt;
&lt;!--- see how your change affects other areas of the code, etc. --&gt;

## Screenshots (if appropriate):

## Types of changes
&lt;!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: --&gt;
- [x] Bug fix (non-breaking change which fixes an issue)
- [x] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing functionality to change)

## Checklist:
&lt;!--- Go over all the following points, and put an `x` in all the boxes that apply. --&gt;
&lt;!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! --&gt;
- [x] My code follows the code style of this project.
- [x] My change requires a change to the documentation.
- [x] I have updated the documentation accordingly.
- [ ] I have read the **CONTRIBUTING** document.
- [ ] I have added tests to cover my changes.
- [ ] All new and existing tests passed.
</code></pre></div>
<p dir="auto">The reason I am for checklists for PRs is because we ask things like if you've tested locally or not. Rather than type it every time, you can just add an <code class="notranslate">x</code> to cross it off.</p>
<h3 dir="auto">New Template</h3>
<p dir="auto">I propose the following as the new template. <del>I've removed a lot of instructions from the current template as Camperbot takes care of a lot of them, like make sure you only have one commit.</del> Any feedback is welcome.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;!-- FreeCodeCamp Pull Request Template --&gt;

&lt;!-- IMPORTANT Please review the https://github.com/FreeCodeCamp/FreeCodeCamp/blob/staging/CONTRIBUTING.md for detailed contributing guidelines --&gt;
&lt;!-- Make sure that you PR is not a duplicate --&gt;

## Pre-Submission Checklist
&lt;!-- Go over all the following points, and put an `x` in all the boxes that apply. --&gt;
&lt;!-- All of these points should be checked, otherwise, read the CONTRIBUTING guidelines from above--&gt;
&lt;!-- If you're unsure about any of these, don't hesitate to ask. We're here to help! --&gt;
- [ ] Branches much start with either `fix/` or `feature/`
- [ ] You have only one commit (if not, [squash](https://github.com/FreeCodeCamp/         FreeCodeCamp/wiki/git-rebase#squashing-multiple-commits-into-one) them into one commit).
- [ ] All new and existing tests pass `npm run test-challenges`.

## Description
&lt;!-- Describe your changes in detail --&gt;

## Types of changes
&lt;!-- What types of changes does your code introduce? Put one `x` in the box that applies. --&gt;
- [ ] Bug fix (non-breaking change which fixes an issue)
- [ ] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing functionality to change)
- [ ] Add new translation (feature adding new translations)

## Checklist:
&lt;!-- Go over all the following points, and put an `x` in all the boxes that apply. --&gt;
&lt;!-- If you're unsure about any of these, don't hesitate to ask. We're here to help! --&gt;
- [ ] Tested changes locally.
- [ ] Closes currently open issue (`Closes #XXXX`): Closes "><pre class="notranslate"><code class="notranslate">&lt;!-- FreeCodeCamp Pull Request Template --&gt;

&lt;!-- IMPORTANT Please review the https://github.com/FreeCodeCamp/FreeCodeCamp/blob/staging/CONTRIBUTING.md for detailed contributing guidelines --&gt;
&lt;!-- Make sure that you PR is not a duplicate --&gt;

## Pre-Submission Checklist
&lt;!-- Go over all the following points, and put an `x` in all the boxes that apply. --&gt;
&lt;!-- All of these points should be checked, otherwise, read the CONTRIBUTING guidelines from above--&gt;
&lt;!-- If you're unsure about any of these, don't hesitate to ask. We're here to help! --&gt;
- [ ] Branches much start with either `fix/` or `feature/`
- [ ] You have only one commit (if not, [squash](https://github.com/FreeCodeCamp/         FreeCodeCamp/wiki/git-rebase#squashing-multiple-commits-into-one) them into one commit).
- [ ] All new and existing tests pass `npm run test-challenges`.

## Description
&lt;!-- Describe your changes in detail --&gt;

## Types of changes
&lt;!-- What types of changes does your code introduce? Put one `x` in the box that applies. --&gt;
- [ ] Bug fix (non-breaking change which fixes an issue)
- [ ] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing functionality to change)
- [ ] Add new translation (feature adding new translations)

## Checklist:
&lt;!-- Go over all the following points, and put an `x` in all the boxes that apply. --&gt;
&lt;!-- If you're unsure about any of these, don't hesitate to ask. We're here to help! --&gt;
- [ ] Tested changes locally.
- [ ] Closes currently open issue (`Closes #XXXX`): Closes 
</code></pre></div>
<h3 dir="auto">New Template Rendered</h3>
<blockquote>



<h2 dir="auto">Pre-Submission Checklist</h2>



<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Branches much start with either <code class="notranslate">fix/</code> or <code class="notranslate">feature/</code></li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> You have only one commit (if not, [squash](<a href="https://github.com/FreeCodeCamp/">https://github.com/FreeCodeCamp/</a>         FreeCodeCamp/wiki/git-rebase#squashing-multiple-commits-into-one) them into one commit).</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> All new and existing tests pass <code class="notranslate">npm run test-challenges</code>.</li>
</ul>
<h2 dir="auto">Description</h2>

<h2 dir="auto">Types of changes</h2>

<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Bug fix (non-breaking change which fixes an issue)</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> New feature (non-breaking change which adds functionality)</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Breaking change (fix or feature that would cause existing functionality to change)</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Add new translation (feature adding new translations)</li>
</ul>
<h2 dir="auto">Checklist:</h2>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Tested changes locally.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Closes currently open issue (<code class="notranslate">Closes #XXXX</code>): Closes</li>
</ul>
</blockquote>