title: Adding an element with keypress event
body: <p>So I'm just learning JavaScript and I'm trying to make a payment calculator for my church's daycare. I want a second div with class "child" (all the 'stuff' inside it) to be added to the div with id "children". I have it where a simple div is added with a key press but it won't add a third. How do I add more than one div and how do I add a div with all the 'stuff'? Code is below:</p>
  
  <pre><code> &lt;div id="input"&gt;
      &lt;div id="children"&gt;
          &lt;div class="child"&gt;
          &lt;h2&gt;Choose Child's Class&lt;/h2&gt;
          &lt;select id="primary" class="selector"&gt;
              &lt;option value=" "&gt;Select Class&lt;/option&gt;
              &lt;option value=200&gt;Infants&lt;/option&gt;
              &lt;option value=175&gt;Wobblers&lt;/option&gt;
              &lt;option value=175&gt;Toddlers&lt;/option&gt;
              &lt;option value=165&gt;PreSchool 3's&lt;/option&gt;
              &lt;option value=165&gt;PreK 4's&lt;/option&gt;
              &lt;option value=75&gt;Schooler Before &amp;amp; After&lt;/option&gt;
              &lt;option value=40&gt;Schooler Before Only&lt;/option&gt;
              &lt;option value=65&gt;Schooler After Only&lt;/option&gt;
              &lt;option value=60&gt;Schooler AFA Before &amp;amp; After&lt;/option&gt;
              &lt;option value=20&gt;Schooler AFA Before Only&lt;/option&gt;
              &lt;option value=30&gt;Schooler AFA After Only&lt;/option&gt;
              &lt;option value=40&gt;Part Time&lt;/option&gt;
          &lt;/select&gt;
          &lt;/div&gt;&lt;!--closes child class div--&gt;
     &lt;/div&gt;&lt;!--closes children id dive--&gt;
  
      &lt;h3&gt; Press any key on your keyboard to add another child&lt;/h3&gt;
  </code></pre>
  
  <p>and the javaScript</p>
  
  <pre><code>$(document).ready(function(){
      var $newChild=$('&lt;div class="child"&gt;Testing&lt;/div&gt;');
      $(document).keyup(function(){
          $newChild.appendTo($('#children'));
      });
  });
  </code></pre>