Add same random class on refresh to multiple elements?

After a random class being added to elements and it changing on each refresh.

The following works, but i need it to be the same class for each element not random within it.

var classes = ["yellow", "pink", "green"];

$("body,#container,.site-header").each(function(){
    $(this).addClass(classes[~~(Math.random()*classes.length)]);
});

The class is added to body, #container and .site-header as it should, but they are all different ones.

So... body, #container and .site-header should all have yellow, or all have pink etc changing on refresh.

body.pink
#container.pink
.site-header.pink

Currently body will have yellow, #container pink etc which is not what i’m after see...

body.pink
#container.yellow
.site-header.green