grab data-* value from DOm and print unordered list

grab data-* value from DOm and print unordered list

I want to loop through all label elements of my page and grab their id and data-myvalue values and  show them as an un-ordered list below the div... How can i achieve this  

Example 
<div>
        <span>
    <label id="SA.MC.AMC.Breakfast" data-myvalue ="2"></label>
    <label id="SA.MC.AMC.Breakfast.Output" data-myvalue ="4"></label> 
</span>
    </div>


The un-odered list should be like this

<ul>
<li>SA.MC.AMC.Breakfast  :2 </li>
<li>SA.MC.AMC.Breakfast.Output  :4 </li>

<ul>

Thank you in advance