radio buttons are not working with react

I render html using react like this:

var RegisterBox = React.createClass({
  clickOk:function(e) {
    e.preventDefault();
  },
  render:function(){
    return (
      <div className="row">
        <form className="col s12">
          <div className="row">
            <div className="input-field col s12">
              <input placeholder="input your nickname" id="nickname" type="text" className="validate" />
              <label for="nickname">input your nickname</label>
            </div>
          </div>
          <div className="row">
            <div className="input-field col s12">
              <input id="password1" type="password" className="validate" />
              <label for="password">set pwd</label>
            </div>
          </div>
          <div className="row">
            <div className="input-field col s12">
              <input id="password2" type="password" className="validate" />
              <label for="password">repeat pwd</label>
            </div>
          </div>
          <div className="row">
            <div className="col s6">
              <input name="contactm" type="radio" id="email1" value="email" defaultChecked />
              <label for="email">use email</label>
            </div>
            <div className="col s6">
              <input name="contactm" type="radio" id="tel" value="tel" />
              <label for="tel">use mobile</label>
            </div>
          </div>
          <div className="row">
            <div className="input-field col s12">
              <input id="email" type="email" className="validate" />
              <label for="email">Email</label>
            </div>
          </div>
          <div className="row">
            <button className="btn waves-effect waves-light" name="action" onClick={this.clickOk}>register
            </button>
          </div>
        </form>
      </div>
    )
  }
})

ReactDOM.render(
  <RegisterBox />,
  document.getElementById('content')
);

The radio buttons, however, are not working. When I click the other radio button, there is nothing happening.

[mparker11]

This is super late. I stumbled upon this due to my own issues but I believe the problems with this was using for instead of htmlFor for the label attribute. for is not recognized in React.

[ghost]

did this ever got resolved? In my React app I have issues working with checkboxes and radio buttons. they get rendered well but never fire an event. because the input is never clicked.

<p>
  <input name='group1' value='value1' type='radio' id='test1' onChange={(e)=>{console.log(e.target);}}/>
  <label for='test1'>Red</label>
</p>
<p>
  <input name='group1' value='value2' type='radio' id='test2' onChange={(e)=>{console.log(e.target);}}/>
  <label for='test2'>Red2</label>
</p>