display info for each drop down option
<p>I have 2 jQuery drop down menus. The content of the second drop down is dependent on the value chosen from the first.</p>

<p>The code is on this link <a href="http://jsfiddle.net/5tmwg/" rel="nofollow">http://jsfiddle.net/5tmwg/</a></p>

<p>sample of the script in the header tag</p>

<pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" defer="defer"&gt;
    function cascadeSelect(parent, child){
            var childOptions = child.find('option:not(.static)');
                child.data('options',childOptions);

            parent.change(function(){
                childOptions.remove();
                child
                    .append(child.data('options').filter('.sub_' + this.value))
                    .change();
            })

            childOptions.not('.static, .sub_' + parent.val()).remove();

    }

    $(function(){
        cascadeForm = $('.cascadeTest');
        orgSelect = cascadeForm.find('.orgSelect');
        terrSelect = cascadeForm.find('.terrSelect');
        locSelect = cascadeForm.find('.locSelect');

        cascadeSelect(orgSelect, terrSelect);
        cascadeSelect(terrSelect, locSelect);
    });
&lt;/script&gt;
</code></pre>

<p>What I want to do is display a div that has info on each option. I lack experience in javascript and jQuery so please explain in details, thanks in advance.</p>
