Estou tentando obter um segundo menu suspenso com base na primeira seleção suspensa.

Encontrei um ótimo roteiro aqui:

http://jsfiddle.net/heera/Gyaue/

enter code here

A partir deste post:Jquery Dependendo da primeira exibição suspensa / classificar uma segunda lista suspensa?

No entanto, este exemplo mostra uma opção "- Todos -" mostrando todos os grupos juntos e preciso fazer algo como

Dropdown A
América
Europa
Ásia

Dropdown B
(se a América estiver selecionada)
Argentina
Brasil
Chile

(se a Europa estiver selecionada)
Itália
França
Espanha

(se Ásia for selecionada) China
Japão

O que estou tentando obter é o mesmo mostrado no jsfiddle, mas não quero ter a opção "Mostrar tudo (grupos)" juntos.

Atualizar: Depois de muitas tentativas, acabei usando a solução postada por Catalin Berta em seu site em:http://devingredients.com/2011/05/populate-a-select-dropdown-list-with-jquery/

O resultado final desse URL é mais ou menos assim:http://jsfiddle.net/c510xdrj/

Esta solução funciona em todos os principais navegadores.

Obrigado a Shlomi Hassid por sua ajuda.