title: React select onChange is not working
body: <p>JsFiddle : <a href="https://jsfiddle.net/69z2wepo/9956/" rel="noreferrer">https://jsfiddle.net/69z2wepo/9956/</a> </p>
  
  <p>I am returning a select element in the render function in my <code>react.js</code> code.</p>
  
  <p>But whenever I change the <code>select</code> value, the function in the <code>onChange</code> is not getting triggered.</p>
  
  <pre><code>var Hello = React.createClass({
  render: function() {
      return &lt;select id="data-type" onChange={changeDataType()}&gt;
             &lt;option selected="selected" value="user" data-type="enum"&gt;User&lt;/option&gt;
             &lt;option value="HQ center" data-type="text"&gt;HQ Center&lt;/option&gt;
             &lt;option value="business unit" data-type="boolean"&gt;Business Unit&lt;/option&gt;
             &lt;option value="note" data-type="date"&gt;Try on &lt;/option&gt;
             &lt;option value="con" data-type="number"&gt;Con&lt;/option&gt;
        &lt;/select&gt;
      }
  });
  
  
  React.render(&lt;Hello/&gt;, document.getElementById('container'));
  
   function changeDataType() {
      console.log("entered");
  }
  </code></pre>
  
  <p>This function is getting triggered only once when the select is loaded and subsequently when I change the value, its not getting triggered. </p>