How to grab data from selected checkbox : I currently have a number of items each with a list of data inside. What I'm trying to achieve is, when i select a checkbox that has the same matching attribute of "itemName", the matching div that contains the additional data is appended to a container. I have written some code up here:

[http://codepen.io/anon/pen/OXkgdk?editors=1010][1]


  [1]: http://codepen.io/anon/pen/OXkgdk?editors=1010

    <div class="item" itemName="itemOne">
     <h2> Item One </h2>
     <ul>
      <li> Data 1 </li>
      <li> Data 2 </li>
      <li> Data 3 </li>
     </ul>
    </div>

    <div class="item" itemName="itemTwo">
     <h2> Item Two </h2>
     <ul>
      <li> Data 1 </li>
      <li> Data 2 </li>
      <li> Data 3 </li>
     </ul>
    </div>

    <ul class="itemSelection">
      <li itemName="itemOne"><label><input type="checkbox"/>Item One</label></li>
      <li itemName="itemTwo"><label><input type="checkbox"/>Item Two</label></li>
    </ul>

    <div id="container"></div>

Any help would be greatly appreciated.