title: React.js Error "Adjacent JSX elements must be wrapped in an enclosing tag"
body: <p>I have the below code is react.js which is throwing an error </p>
  
  <p>"Adjacent JSX elements must be wrapped in an enclosing tag". It looks like React isnt accepting same tags next to each other how do I display tabular data?</p>
  
  <pre><code>var TestRecords = React.createClass({    
    render: function() {
        return(
          &lt;table&gt;
            &lt;tr&gt;
              {this.props.records.map(record=&gt;{
                return &lt;td&gt;{record.title}&lt;/td&gt;&lt;td&gt;record.id&lt;/td&gt;
              }
            )}
          &lt;/tr&gt;
        &lt;/table&gt;
      );    
    }  
  });
  </code></pre>