title: <fieldset> breaking onChange in React form
body: <p>I have a form inside of a React component, I have multiple onChange functions that DO NOT get fired. I did some debugging and realized it's due to the fieldset element. When I remove fieldset from the form, all onChange functions work, when I put fieldset back nothing works. </p>
  
  <p>Here is my code:</p>
  
  <pre><code>//The function
  handleChange(event) {
    console.log('change');
  }
  
  // The part of the form where I have onChange's. 
                      &lt;fieldset&gt; //When I remove this element, everything works. 
                      &lt;h2&gt;Account Information&lt;/h2&gt;
                      &lt;div className="row"&gt;
                          &lt;div className="col-lg-8"&gt;
                              &lt;label&gt;Birthday&lt;/label&gt;
                              &lt;div className="form-group"&gt;
                                  &lt;label htmlFor="birthmonth" className="birthdateLabel"&gt;Month&lt;/label&gt;
                                  &lt;select name="birthmonth" id="birthmonth" className="form-control required birthdateOptions" onChange={this.handleChange.bind(this)}&gt;
                                      {months.map(month =&gt; &lt;option key={month.number} value={month.number}&gt;{month.name}&lt;/option&gt;)}
                                  &lt;/select&gt;
                                  &lt;label htmlFor="birthday" className="birthdateLabel"&gt;Day&lt;/label&gt;
                                  &lt;select placeholder="Day" name="birthday" id="birthday" className="form-control required birthdateOptions"&gt;
                                      {dayOptions.map(day =&gt; day)}
                                  &lt;/select&gt;
                                  &lt;label htmlFor="birthyear" className="birthdateLabel"&gt;Year&lt;/label&gt;
                                  &lt;select name="birthyear" id="birthyear" className="form-control required birthdateOptions"&gt;
                                      {yearOptions.map(year =&gt; year)}
                                  &lt;/select&gt;
                              &lt;/div&gt;
                              &lt;div className="form-group"&gt;
                                  &lt;label&gt;M/F?&lt;/label&gt;
                                  &lt;select className="form-control required" id="sex" name="sex" onChange={this.handleChange.bind(this)}&gt;
                                      &lt;option value="male"&gt;Male&lt;/option&gt;
                                      &lt;option value="female"&gt;Female&lt;/option&gt;
                                      &lt;option value="other"&gt;Don't wish to identify&lt;/option&gt;
                                  &lt;/select&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div className="col-lg-4"&gt;
                              &lt;div className="form-group"&gt;
                                  &lt;label&gt;Avatar&lt;/label&gt;
                                  &lt;input id="avatar" name="avatar" type="text" className="form-control" /&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;/fieldset&gt;
  </code></pre>