title: document.getElementById returns [object HTMLTableCellElement]
body: <p>Right now, I have this td:</p>
  
  <pre><code>&lt;td id="setCustomer"&gt;&lt;?= $customer ?&gt;&lt;/td&gt;
  </code></pre>
  
  <p>Later down the page I have:</p>
  
  <pre><code>&lt;script&gt;
  document.getElementById('setCustomer').onclick = function(){
  var newOne = document.getElementById('setCustomer');
  console.log("var newOne is "+newOne); 
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>When I click the table cell that contains this customer name, the function launches and spits out:</p>
  
  <pre><code>var newOne is [object HTMLTableCellElement]
  </code></pre>
  
  <p>instead of:</p>
  
  <pre><code>var newOne is ACME CORP.
  </code></pre>
  
  <p>what am I doing wrong?</p>