title: Codecademy jQuery stuck on "Modifying HTML Elements"
body: <p>We're making a To-do list</p>
  
  <p>Here is the instructions:</p>
  
  <blockquote>
    <p>Perfect! Now we want to add our HTML element to the document. We can do this using our handy .append() function.
    Let's go ahead and append to our div with the .list class. We'll append a  with class="item", since we'll want a way to target our appended s later when we remove them. (A "to do" list is no good if we can't check things off it.)
    We'll want the contents of our div to be the contents of our input field, which we saved in the variable toAdd. That means when we append, we'll want to append:</p>
  </blockquote>
  
  <pre><code>'&lt;div class="item"&gt;' + toAdd + '&lt;/div&gt;'
  </code></pre>
  
  <blockquote>
    <p>Go ahead and .append() a  with class="item" to the .list div of your HTML document, then MAKE SURE to click your button to add an item—the exercise will wait for you to do so!</p>
  </blockquote>
  
  <p>I can't understand what needs to be done.</p>
  
  <p>I tried this:</p>
  
  <pre><code>$(document).ready(function() {
  $("button").click(function () {
     var toAdd = $("input[name=checkListItem]").val();
     $(".list").append("div class='item'" + toAdd + "div");
  });});
  </code></pre>
  
  <p>But it doesn't work when I type anything and click the button.</p>