jQuery filter on optgroup
<p>I have two select boxes.  The first is a list of the optgroups of the second.  Both are needed for my query, but I would like to filter the second select to ONLY show the region optgroup and it's campuses when it's selected from the first.</p>

<p>Here is my code:</p>

<pre><code>&lt;html&gt;
&lt;body&gt;
&lt;select name="region"&gt;
    &lt;option value="%"&gt;All&lt;/option&gt;
    &lt;option value="A"&gt;Northwest&lt;/option&gt;
    &lt;option value="B"&gt;North Central&lt;/option&gt;
&lt;/select&gt;
&lt;select name="campus"&gt;
    &lt;option value="%"&gt;All&lt;/option&gt;
    &lt;optgroup label="Northwest"&gt;
        &lt;option value="1"&gt;Gary&lt;/option&gt;
        &lt;option value="2"&gt;Valparaiso&lt;/option&gt;
        &lt;option value="3"&gt;East Chicago&lt;/option&gt;
    &lt;/optgroup&gt;
    &lt;optgroup label="North Central"&gt;
        &lt;option value="4"&gt;South Bend&lt;/option&gt;
        &lt;option value="5"&gt;Elkhart&lt;/option&gt;
        &lt;option value="6"&gt;Warsaw&lt;/option&gt;
    &lt;/optgroup&gt;
&lt;/select&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>So if someone selects Northwest from the first one, I want to use jQuery to filter down the second one so it now looks like so:</p>

<pre><code>&lt;select name="campus"&gt;
    &lt;optgroup label="Northwest"&gt;
        &lt;option value="1"&gt;Gary&lt;/option&gt;
        &lt;option value="2"&gt;Valparaiso&lt;/option&gt;
        &lt;option value="3"&gt;East Chicago&lt;/option&gt;
    &lt;/optgroup&gt;
&lt;/select&gt;
</code></pre>

<p>Not even sure if this is possible and this is my first attempt at jQuery so I am lost.  Thanks in advance.</p>
