React.js Error "Adjacent JSX elements must be wrapped in an enclosing tag"
<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>