title: Getting INVALID_CHARACTER_ERR: DOM Exception 5
body: <p>I'm writing a simple to-do list. that a user input a text and the it's added as a <code>checkbox</code>. But i'm getting this error i have no idea what's it about</p>
  
  <blockquote>
  <pre><code>INVALID_CHARACTER_ERR: DOM Exception 5
  </code></pre>
  </blockquote>
  
  <pre><code>window.onload = function(){
      var textBox = document.getElementById("taskInput"),
          submitBtn = document.getElementById("submit"),
          taskPool = document.getElementById("todoTask");
  
      submitBtn.addEventListener("click", function(){
          var task = document.createElement("&lt;input type=\"checkbox\"&gt;" + textBox.value + "&lt;/input&gt;");
          taskPool.appendChild(task);
      });
  
  }
  </code></pre>