title: react.js -jquery method does not work
body: <p>The app uses node.js and react.js (namely <a href="https://github.com/andreypopp/react-async" rel="nofollow">react-async</a> ). So there is a react component that has a click handler inside which I want to get the class names(namely <code>minus_decrement</code> and <code>inline_block</code>) of that component. I used jQuery inside node.js (details <a href="http://www.hacksparrow.com/jquery-with-node-js.html" rel="nofollow">here</a>) as well.</p>
  
  <pre><code>var MinusDecrement=React.createClass({
  
         clickHandler:function(e){
  
                      $div = $(this);
  
                      //$div=this.refs.minusDecElem.getDOMNode();
  
                      var className=$div.attr('class');
                     // var classNameReact=$div.attr('className');
                      if(window.console){
  
                       console.log("className = "+className);
  
                             } 
  
                     e.stopPropagation();
  
      },      
  
      render:function(){
  
          return (
  
               &lt;span className="minus_decrement inline_block" onClick={this.clickHandler} &gt;&amp;nbsp;-&amp;nbsp;&amp;nbsp;&lt;/span&gt;     
  
          );
  
      }
  
  });
  </code></pre>
  
  <p>When I create the component with the  following line </p>
  
  <p><code>&lt;MinusDecrement&gt;&lt;/MinusDecrement&gt;</code></p>
  
  <p>, console output shows <code>undefined</code>. I tried with <code>.attr(className)</code> and <code>this.refs.minusDecElem.getDOMNode()</code> after adding <code>href</code> to the <code>span</code> element but in vain. Both alternate codelines are mentioned in comments.</p>
  
  <p>How to get the class name though jQuery then?</p>