Executar algo depois do de uma imagem ter carregado

Imagine assim: 2 elementos na tela. Um sendo uma div com uma imagem de background e outro sendo outra div apenas com uma cor setada via css.

Quem carrega primeiro? A div de cor chapada lógico. Ela não precisa de uma imagem externa.

E se, por alguma razão, precisar que ela apareça depois do load da imagem na primeira div?

O CÓDIGO:

$('< img / >').attr('src', '/static/site/css/img/SUA_IMAGEM.png').load(function() {
    $('div.bg').css('background-image', 'url(/static/site/css/img/SUA_IMAGEM.png)');
    $('div.bg').show();
    // o que mais tiver que fazer
});

LEMBRE DE REMOVER OS ESPAÇOS DESNECESSÁRIOS NO PRIMEIRO SELETOR DA PRIMEIRA LINHA. 

 Coloquei com espaços pois senão o editor do blog some com os caracteres.