Por que o jQuery .css ('background-color') retorna rgba (0,0,0,0) para 'transparent'?

Eu tenho uma caixa aquihttp://jsfiddle.net/U68p3/2/ - com um fundo transparente. Quando eu leio o background com .css ('background-color') do jQuery, ele retorna

               rgba(0, 0, 0, 0) 

o que não é muito útil se meu código estiver procurando uma correspondência com 'transparente'.

Por que o jQuery está fazendo isso e há uma maneira de fazer com que ele seja "transparente"?

Obrigado.

$(function() {
    var bkgnd = $('#box').css('background-color');
    console.log('background-color is ' + bkgnd);
});

questionAnswers(3)

yourAnswerToTheQuestion