[jQuery] Drop box values display

[blg002]

I am trying to hide/show various options in a "Sub-Category" drop box
when certain selections are made in a "Category" drop box.

HTML:
<label for="bestPracticeCategoryID">Category</label>
<select name="bestPracticeCategoryID" id="bestPracticeCategoryID">
        <option value="0" class="">Please Select</option>
        <option value="1" class="">Administrative Maintenance Fund</option>
        <option value="2" class="">Breaks</option>
        <option value="3" class="">Call By Name (Not to be confused by
Recall)</option>
</select>

<label for="subCategoryID" class="subID">Sub-Category</label>
<select name="subCategoryID" id="subCategoryID">
        <option value="select">Please Select</option>
        <option value="policyNotice">Policy Notice</option>
        <option value="foremanLevel">Foreman Level</option>
        <option value="journeyLevel">Journey Level</option>
        <option value="foulWeather">Foul Weather</option>
</select>


JS:
$('#bestPracticeCategoryID').change(function(){
var docTypeval = $('#bestPracticeCategoryID').val();

                if (docTypeval == '1')
                {
                $('.subID').show();
                $('#subCategoryID').show();
                $('#subCategoryID option').hide();
                ???What do I need here to show Policy Notice and Foreman 
Level???
                }

});