title: Material UI List onClick fires click event on nested list
body: <p>I have a material ui list in my one of the component. When I click any item of this list, I go to another listView. I am using router to go to another listView. And using onClick method. Whenever I click any list item of first list I print  "firstList clicked". and whenever I click any item if second list, it print "secondList clicked".</p>
  
  <p>Here is my Problem:
  When I click the ListItem of first list, the console.log("secondList clicked") also gets printed with "firstList Clicked" automatically. I have four list items in second list, so my console print output looks like this</p>
  
  <blockquote>
    <p>firstList Clicked<br/>
    secondList Clicked<br/>
    secondList Clicked<br/>
    secondList Clicked<br/>
    secondList Clicked<br/></p>
  </blockquote>
  
  <p>Why is this happening? </p>
  
  <p>Here is my code.</p>
  
  <p>SecondList code</p>
  
  <pre><code>class TagListItemDetails extends Component {
      handleClick() {
          console.log("secondList clicked")
      }
  
      handleButtonClick() {
          browserHistory.push("TagList")
      }
  
      render() {
  
          return (
              &lt;MuiThemeProvider&gt;
                  &lt;div&gt;
                      &lt;List id="parent-list-tags"&gt;
                          &lt;ListItem primaryText="Kitchen" onTouchTap={this.handleClick()}/&gt;
                          &lt;ListItem primaryText="Beach" onClick={this.handleClick()}/&gt;
                          &lt;ListItem primaryText="Marriage" onClick={this.handleClick()}/&gt;
                          &lt;ListItem primaryText="Garden" onClick={this.handleClick()}/&gt;
                      &lt;/List&gt;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
                      &lt;div className="backButton"&gt;
                          &lt;RaisedButton backgroundColor="#293C8E" label="Back" onClick={this.handleButtonClick} labelColor="white"&gt;
  
                          &lt;/RaisedButton&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/MuiThemeProvider&gt;
  
          );
      }
  }
  
  const mapStateToProps =(state) =&gt;{
      return {
          tags: state.tagReducer
      };
  };
  
  function matchDispatchToProps(dispatch){
      return bindActionCreators({tagSelected: tagSelected}, dispatch);
  }
  
  export default connect(mapStateToProps, matchDispatchToProps)(TagListItemDetails);
  </code></pre>
  
  <p>firstList</p>
  
  <pre><code>export default class TagList extends Component {
  
  
      handleClicked() {
          console.log("firstList Clicked")
          browserHistory.push("TagListItemDetails")
      }
  
      render() {
  
          return (
              &lt;div&gt;
                  &lt;List id="parent-list-tags" &gt;
                      &lt;ListItem primaryText="Scene" onClick={this.handleClicked}  /&gt;
                      &lt;Divider/&gt;
                      &lt;ListItem primaryText="Actors" onClick={this.handleClicked} /&gt;
                      &lt;Divider/&gt;
                      &lt;ListItem primaryText="Emotions" onClick={this.handleClicked} /&gt;
                      &lt;Divider/&gt;
                      &lt;ListItem primaryText="Actions" onClick={this.handleClicked}/&gt;
                      &lt;Divider/&gt;
                      &lt;ListItem primaryText="Objects" onClick={this.handleClicked}/&gt;
                      &lt;Divider/&gt;
                      &lt;ListItem primaryText="Compliance" onClick={this.handleClicked} /&gt;
                  &lt;/List&gt;
                  &lt;AddButton /&gt;
              &lt;/div&gt;
  
      )
      }
  };
  </code></pre>