Trying to improve the api

huhumm.js

var cup = new Cup(data)

var map = cup.map

map(".first-name").to("firstName")
map(".last-name").to("lastName")

map("ul.friends")
    .each("friends")
    .to("li.friend", function(map) {
        map(".friend-name").to("name")
        map(".friend-type").to("type")
    })

template.html

 <div class="person">
    <span class="first-name"></span>
    <span class="last-name"></span>
    <a>blog</a>
    <ul class="friends">
        <li class="friend">
            <strong><span class="friend-name"></span></strong>
            <span class="friend-type"></span>
        </li>
    </ul>
</div>