title: Add class to html element dynamic
body: <p>I'm building a dynamic table in html with javascript. Here is a piece of the javascript code.</p>
  
  <pre><code>var tr = $('&lt;tr/&gt;');
  $(tr).append('&lt;td&gt;' + p1 + '&lt;/td&gt;');
  $(tr).append('&lt;td&gt;' + p2 + '&lt;/td&gt;');
  $(tr).append('&lt;td&gt;' + p3 + '&lt;/td&gt;');
  $(tr).append('&lt;td&gt;' + p4 + '&lt;/td&gt;');
  $(tr).append('&lt;td&gt;' + item.status + '&lt;/td&gt;');
  $(tr).append('&lt;td&gt;&lt;button class=\"btn\" onclick=\"join(' + item.gameId + ');\"&gt;Join&lt;/button&gt;&lt;/td&gt;');
  $('tbody').append(tr);
  </code></pre>
  
  <p>I want to add a class (either 'error' or 'success') to the row element.
  I tried</p>
  
  <pre><code>tr.className = "success";
  </code></pre>
  
  <p>This didn't work. </p>