title: React.findDOMNode comes as undefined
body: <p>I have</p>
  
  <pre><code>&lt;div id="wrapper"&gt;&lt;/div&gt;
  
  &lt;script type="text/jsx"&gt;
  /* @jsx React.DOM*/
  var Login = React.createClass({
      Validate: function(){
          debugger;
          var username = React.findDOMNode(this.refs.username).trim();
          var password = React.findDOMNode(this.refs.password).trim();
          console.log('Username: ' + username + '\nPassword: ' + password);
          if(username == 'username' &amp;&amp; password == 'password'){
              alert('Success');
          }
          else{
             alert('Failure');
          }
      },
      Clear: function(){
  
      },
      render: function(){
          return(
              &lt;div className="container"&gt;
                  Login 
                  &lt;p&gt;&lt;/p&gt;
                  Username: &lt;input type="text" ref="username" /&gt;&lt;br /&gt;
                  Password: &lt;input type="password" ref="password" /&gt;&lt;br /&gt;&lt;br /&gt;
                  &lt;input type="button" value="Submit" onClick={this.Validate} /&gt;&amp;nbsp;&amp;nbsp;
                  &lt;input type="button" value="Clear" onClick={this.Clear} /&gt;
              &lt;/div&gt;
          );
      }
  });
  
  React.render(&lt;Login /&gt;, document.getElementById('wrapper'))
  &lt;/script&gt;
  </code></pre>