Mostrar las segundas opciones desplegables basadas en la primera selección desplegable jquery

Estoy tratando de obtener un segundo menú desplegable basado en la primera selección desplegable.

Encontré un gran script aquí:

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

enter code here

De esta publicación:Jquery Dependiendo de la primera pantalla desplegable / ordenar un segundo menú desplegable?

Sin embargo, este ejemplo muestra una opción "- Todos -" que muestra todos los grupos juntos y necesito hacer algo como

Desplegable A
America
Europa
Asia

Desplegable B
(si se selecciona América)
Argentina
Brasil
Chile

(si se selecciona Europa)
Italia
Francia
España

(si se selecciona Asia) China
Japón

Lo que intento obtener es lo mismo que se muestra en ese jsfiddle, pero no quiero tener una opción de "Mostrar todos (grupos)" juntos.

Actualizar: Después de muchos intentos, terminé usando la solución publicada por Catalin Berta en su sitio web en:http://devingredients.com/2011/05/populate-a-select-dropdown-list-with-jquery/

El resultado final de esa URL es algo como esto:http://jsfiddle.net/c510xdrj/

Esta solución funciona en todos los principales navegadores.

Gracias a Shlomi Hassid por tu ayuda.

Respuestas a la pregunta(1)

Su respuesta a la pregunta