title: Can't append child to clicked element
body: <p>I'm trying to attach div to an element when it is clicked however when I use .appendChild(div), the element I'm trying to attach to is undefined. I'm pretty confused because it's clearly in the DOM as I'm able to detect the click on it, I just can't append to it.</p>
  
  <pre><code>var pcells = document.getElementsByClassName('priority-cell');
  
  for (var i=0; i &lt; pcells.length; i++) {
    pcells[i].onclick = function () {
      var div = document.createElement('div');
         div.style.backgroundColor = "red";
         div.style.height = "10px";
         div.style.width = "10px";
  
         pcells[i].appendChild(div);
    };
  }
  </code></pre>