jQuery: znajdź <optgroup> dla wybranej wartości w elemencie <select>

Mam menu rozwijane z różnymi grupami opcji. Jeśli ktoś wybierze opcję, jak mogę sprawdzić, do której grupy optycznej należy? Na przykład, jeśli wybrano „ferrari”, w jaki sposób określisz, do której grupy optycznej należy?

Możesz używać jQuery lub raw javascript.

<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>

questionAnswers(2)

yourAnswerToTheQuestion