<head>
<script>
$( document ).ready(function() {
console.log( "ready!" );
$('#other').hide();
function otherTongue() {
if ($('#tongue').val() == 'other_tongue') {
$('#other').show();
}
}
});
</script>
</head>
<body>
<form>
<select name="tongue" id="tongue" size=4 onchange="otherTongue()" >
<optgroup label='Oceania'>
<option value=mi>Maori</option>
<option value=haw>Hawaiian</option>
<option value=sm>Samoan</option>
</optgroup>
<optgroup label='Not Listed'>
<option value='other_tongue'>Other Language</option>
</optgroup>
</select>
<input type='text' name='other' id='other' />
</form>
</body>
Why do I am receiving the error message: "Can't find variable otherTongue( )"?