title: Appending text to a p with jQuery
body: <p>I have a form text and I want to append what I type in an existing paragraph called "one". Whan I press a "button1" I want the existing text from the paragraph to be deleted, and after that to add the text from the formtext.</p>
  
  <p>I can't figure out what I'm doing wrong, please check <a href="http://codepen.io/Serse/pen/XmWGKo" rel="nofollow">this</a> codepen and help me!</p>
  
  <pre><code>$(document).ready(function() {
  $('#button1').click(function() {
      $('.one').remove();
      var toAdd = $('input[name=checkListItem]').val();
      $('.one').append(toAdd);
  });
  </code></pre>