title: How to specify class on a JSX node?
body: <p>I have defined a class name for the table below (as part of JSX).<br>
  <code>&lt;table class="table"&gt;</code></p>
  
  <p>However once its displayed the class is not set on the table:</p>
  
  <pre class="lang-xml prettyprint-override"><code>var SearchResult = React.createClass({
         render: function(){
             return (
                 &lt;table class="table"&gt;
                     &lt;thead&gt;
                         &lt;tr&gt;
                             &lt;th&gt;Name&lt;/th&gt;
                             &lt;th&gt;Address&lt;/th&gt;
                         &lt;/tr&gt;
                     &lt;/thead&gt;
                     &lt;tbody&gt;...&lt;/tbody&gt;
                 &lt;/table&gt;
             );
         }
      });
  </code></pre>
  
  <p>Instead the table shows as <code>&lt;table data-reactid=".0.1.0.0"&gt;...&lt;/table&gt;</code> in Chrome -> inspect element.</p>