comment.js

function Comment(author, text){
  this.form = "<form id='new_comment'><textarea></textarea><input name='author' id='authorName' type='text'><input type='submit' value='submit' id='submitButton'></form>";
  this.author = author;
  this.text = text;
};

Comment.prototype.addToPage = function() {
  $('#comment_list').append("<li>" + this.text + "<span class='author'>" + this.author + "</span></li>");
    $('#new_comment').replaceWith('<button id="new_comment_button">New Comment</button>');
};

$(document).ready(function(){
    $(document).on('click','#new_comment_button', function(){
        var comment = new Comment;
        $('#new_comment_button').replaceWith(comment.form);
    });
    $(document).on('submit', '#new_comment', function(event){
      event.preventDefault();
      var newComment = new Comment();
      newComment.author = $('input[name="author"]').val();
      newComment.text = $('textarea').val();
      newComment.addToPage();
    });
    
    
});