jQuery - With click of a link copy all classes from one element to another

Question

(see jsfiddle example)

When the ".link_to_rule_them_all" is clicked i would like to copy all the '.link_to_rule_them_all span' classes into #box and clear the '#box' between every click.

my example code and the explanation is here http://jsfiddle.net/znCmq/2/

As you can see i have no idea about the js of this.. any ideas? eh..

Answer 1

$('.link_to_rule_them_all').bind('click', function(e) {
    e.preventDefault();
    $('#box').attr('class', ($('span', $(this)).attr('class')));
});

live example : http://jsfiddle.net/moeishaa/3t33d/