title: &nbsp jsx not working
body: <p>I am using the &amp;nbsp tag in jsx and it is not rendering the space. The following is a small snippet of my code.Please help.</p>
  
  <pre><code>var Reporting=React.createClass({
  
    render: function(){
      return(
        &lt;div style={divPositionReporting}&gt;
            &lt;p&gt;Pricing Reports&lt;/p&gt;
            &lt;hr&gt;&lt;/hr&gt;
            Select Scenario:&amp;nbsp;&amp;nbsp;
            &lt;select&gt;
              &lt;option&gt;&lt;/option&gt;
            &lt;/select&gt;
            &lt;button type="button"&gt;Get Pricing Report&lt;/button&gt;
            &lt;br/&gt;
            Select Takeout Scenario:&amp;nbsp;
            &lt;select&gt;
              &lt;option&gt;&lt;/option&gt;
            &lt;/select&gt;
            &lt;button type="button"&gt;Get Pricing Report&lt;/button&gt;
            &lt;br/&gt;
        &lt;/div&gt;
      );
    },
  
  });
  </code></pre>