title: I am getting [object object] but I want to make a checkmark button prepended to the "value" variable
body: <p>I am playing around with making a list and I got everything prepended onto HTML but now am trying to remove them by hitting a button.  What I am having issue with is prepending the button.  I am confident I can remove it with logic that is not included in this snippit but any help on how to create the button would be appreciated.</p>
  
  <pre><code>window.onload = function() {
  //user clicked on the add button in the to-do field add that text into the to-do text
  $('#add-to-do').on('click', function(event) {
      event.preventDefault();
      //assign variable to the value entered into the textbox
      var value = document.getElementById('to-do').value;  
      //test value
      console.log(value);
      //prepend values into the html and add checkmark, checkbox, and line break to make list
      var linebreak = "&lt;br/&gt;";
      var todoclose = $("&lt;button&gt;");
  
      console.log(todoclose);
      todoclose.attr("data-to-do", toDoCount);
      todoclose.addClass("checkbox");
      todoclose.text("☑");
  
      $("#to-dos").prepend(todoclose + value + linebreak);
  
  
  });
  </code></pre>
  
  <p>Below is the HTML</p>
  
  <pre><code>                &lt;div class ="col-4"&gt;
                  &lt;!-- To Do List --&gt;
                  &lt;form onsubmit= "return false;"&gt;
                      &lt;span id = "todo-item" type = "text"&gt;
                      &lt;h4&gt;Add your Agenda Here&lt;/h4&gt;
                      &lt;input id ="to-do" type = "text"&gt;
                      &lt;input id ="add-to-do" value = "Add Item" type = "submit"&gt;
                      &lt;/span&gt;
                  &lt;/form&gt;
               &lt;div id="to-dos"&gt;&lt;/div&gt;
              &lt;/div&gt;
  </code></pre>