<p dir="auto">Challenge <a href="http://www.freecodecamp.com/challenges/waypoint-target-the-parent-of-an-element-using-jquery" rel="nofollow">http://www.freecodecamp.com/challenges/waypoint-target-the-parent-of-an-element-using-jquery</a> has an issue. Please describe how to reproduce it, and include links to screenshots if possible.</p>
<p dir="auto">I've read the multiple issues classified as bugs where the child (#target1) wasn't identified in the code but the parent (#left-well) was.  I believe I have the correct code and the background of the well is appearing red but "Your left-well element should have a red background" is not checked as correct.  If I change the child to "#target3" my answer is accepted.</p>
&lt;script&gt;
  $(document).ready(function() {
    $("#target1").css("color", "red");
    $("#target1").prop("disabled", true);
    $("#target4").remove();
    $("#target2").appendTo("#right-well");
    $("#target5").clone().appendTo("#left-well");
    $("#target1").parent().css("background-color", "red");
  });
<h4 dir="auto">Challenge Name</h4>
<p dir="auto">Applied Visual Design: Adjust the Width of an Element Using the Width Property<br>
<a href="http://beta.freecodecamp.com/en/challenges/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property" rel="nofollow">Challenge Link</a></p>
<h4 dir="auto">Issue Description</h4>

<p dir="auto">I just started doing some of the newer additions in beta, and it seems like when you begin a new challenge, none of the current HTML/CSS code is rendered on the right, by default.</p>
<p dir="auto">For instance, for this particular challenge - without seeing what a "card" actually is, this instruction doesn't make much sense -</p>
<blockquote>
<p dir="auto">Add a width property to the entire card and set it to an absolute value of 245px. Use the fullCard class to select the element.</p>
</blockquote>
<p dir="auto">I need to click "run tests" to first see the current output, then go back and read the instructions again. Then click "run tests" again with my own code. This seems counter-intuitive.</p>
<p dir="auto">I'm not sure if this is a bug, or this is the intended behavior, but this is not the default setting in the current production site.</p>
<h4 dir="auto">Browser Information</h4>

<ul dir="auto">
<li>Browser Name, Version: Google Chrome, Version 55.0.2883.87 m</li>
<li>Operating System: Windows 10</li>
<li>Mobile, Desktop, or Tablet: Desktop</li>
</ul>
<h4 dir="auto">Screenshot</h4>

<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/11348778/22487523/bd0a7030-e7db-11e6-8be8-bf9d369939e7.png"><img src="https://cloud.githubusercontent.com/assets/11348778/22487523/bd0a7030-e7db-11e6-8be8-bf9d369939e7.png" alt="122" style="max-width: 100%;"></a></p>