title: Inserting Jquery var into append input value
body: <p>I'm trying to take an input value, create a variable out of it, and insert it into and append later in the function. I had it working for a bit, changes something, and now it's only returning the var name... and it's driving me insane. See code. </p>
  
  <p>HTML (i'm looking at the new-task input)</p>
  
  <pre><code>&lt;div class="add-task"&gt;
  &lt;h3&gt;Add a task&lt;/h3&gt;
  &lt;form id="todo-form"&gt;
      &lt;input id="new-task" type="text" placeholder="Define task" /&gt;
      &lt;input type="text" placeholder="How long with this take? (00:00)" /&gt;
      &lt;input type="button" class="button" value="Add Task" /&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS: (i'm looking at add newTask var into the value for task-name)</p>
  
  <pre><code>$('.button').on('click', function (){
  var newTask = $('#new-task').val();
  console.log(newTask)
  $('.task-container').append('&lt;ul&gt;&lt;li class=\"task-list\"&gt;&lt;img class=\"checkmark\" src=\"img/checkmark.jpeg\" alt=\"Checkmark-Button\"&gt;&lt;input class=\"task-name\" value=+newTask+&gt;&lt;input class=\"task-time\" value=\"1:00\"&gt;&lt;img class=\"X\" src=\"img/X.png\" alt=\"X-Button\"&gt;&lt;/li&gt;&lt;/ul&gt;');
  </code></pre>
  
  <p>});</p>