jQuery: encuentre el <optgroup> para un valor seleccionado en un elemento <select>
Tengo un menú desplegable con diferentes grupos de opciones. Si alguien selecciona una opción, ¿cómo puedo verificar a qué grupo pertenece? Por ejemplo, si se seleccionara 'ferrari', ¿cómo determinaría a qué grupo optativo pertenece?
Siéntase libre de usar jQuery o javascript en bruto.
<select name="testSelect">
<optgroup label="fruits">
<option value="apples">Apples</option>
<option value="oranges">Oranges</option>
<option value="pears">Pears</option>
</optgroup>
<optgroup label="cars">
<option value="ford">ford</option>
<option value="toyota">toyota</option>
<option value="ferrari">ferrari</option>
</optgroup>
</select>