I am making a faux shopping cart page. I have checkboxes with data properties on them and then a UL that should match each of the checkbox elements. I would like to pass a data property from the checkbox to the corresponding UL items. Do I add data properties to each of my list items and do a comparison match? How would I do this? My HTML structure is below.

```
<!--Attendee checkbox list-->
<div id="attendeeList">
    <input type="checkbox" name="attendee" title="Attendee One" data-productname="Product Awesome" data-attendeename="AttendeeOne" data-optionprice="7.00" />
    <input type="checkbox" name="attendee" title="Attendee Two" data-productname="Product Awesome"  data-attendeename="AttendeeTwo" data-optionprice="7.00" />
    <input type="checkbox" name="attendee" title="Attendee Three" data-productname="Product Awesome"  data-attendeename="AttendeeThree" data-optionprice="7.00" />
    <input type="checkbox" name="attendee" title="Attendee Four" data-productname="Product Awesome"  data-attendeename="AttendeeFour" data-optionprice="7.00" />
    <input type="checkbox" name="attendee" title="Attendee Five" data-productname="Product Awesome"  data-attendeename="AttendeeFive" data-optionprice="7.00" />
</div>
 <!--On Page Shopping Cart-->
 <ul id="shoppingCart">
     <li id="AttendeeOne">
     <h5>Attendee One</h5>
       <ul class="attendeeProductList">
         <!--Need to append product name and price to this list-->
         <li></li>
      </ul>
    </li>
    <li id="AttendeeTwo">
     <h5>Attendee Two</h5>
       <ul class="attendeeProductList">
         <!--Need to append product name and price to this list-->
         <li></li>
      </ul>
    </li>
    <li id="AttendeeThree">
      <h5>Attendee Three</h5>
       <ul class="attendeeProductList">
         <!--Need to append product name and price to this list-->
         <li></li>
      </ul>
    </li>
    <li id="AttendeeFour">
     <h5>Attendee Four</h5>
        <ul class="attendeeProductList">
         <!--Need to append product name and price to this list-->
         <li></li>
      </ul>
     </li>
   <li id="AttendeeFive">
     <h5>Attendee Five</h5>
      <ul class="attendeeProductList">
         <!--Need to append product name and price to this list-->
         <li></li>
      </ul>
  </li>
</ul>

```

**Comment**

First off I don't know why I got down voted. It is a good question for those who are not well versed on how to traverse multiple objects in jQuery. This is what I thought this site was for, was to ask questions and provide answers to those who need it, not to down vote a legitimate question. I provided the HTML structure, I needed the pointer to get me going in the right direction. Thank you for those who provided me the direction and an pointer to my outcome.