I have a number of rows of data that is presented in rows.  Each row div is a combination of a number of other divs.

What I am trying to do is determine when someone click on an even_Row or an odd_Row.

I don't know how to set that click event.

For example, If I just want to do a console.log("Clicked on Even Row"), how would I do that?

I have tried 
$(".even_Row").click(function(e) {

      console.log("Clicked on Even Row");

});

But this event does not get fired.

Can anyone help me with how I can get to this div and then i can potentially act on it?

1. <div id="ParsedData">
      <div id="parsedText">
         <div class="even_Row">
            <div class="containerGroup">
               <div class="icon_Container">
                  <img src="/images/icons/23009.png">
                  <div class="unread_bubble">13</div>
               </div>
               Mailbox
            </div>
         </div>
         <div class="odd_Row">
            <div class="containerGroup">
               <div class="icon_Container"><img src="/images/icons/24011.png"></div>
               Calendar
            </div>
         </div>
         <div class="even_Row">
            <div class="containerGroup">
               <div class="icon_Container"><img src="/images/icons/23014.png"></div>
               Contacts
            </div>
         </div>
         <div class="odd_Row">
            <div class="containerGroup">
               <div class="icon_Container"><img src="/images/icons/1032.png"></div>
               Documents
            </div>
         </div>
       </div>