select change not firing with optgroups
<p>I have a  tag that has optgroups:</p>

<pre><code>            &lt;div id="quick-zoom"&gt;
                Quick Zoom: 
                &lt;select id="quick_zoom_select" name="quick_zoom_select"&gt;
                    &lt;option value="0"&gt;Default&lt;/option&gt;
                    &lt;optgroup label="Computers" id="computers"&gt;
                    &lt;option value=.95&gt;iMac G3&lt;/option&gt;
                    &lt;/optgroup&gt;
                    &lt;optgroup label="Mobiles" id="mobiles"&gt;
                    &lt;option value=1.5&gt;Nexus 7(portrait)&lt;/option&gt;
                    &lt;option value=1.5&gt;Nexus 7(landscape)&lt;/option&gt;
                    &lt;/optgroup&gt;
                &lt;/select&gt;
            &lt;/div&gt;
            &lt;div class="Clear"&gt;&lt;/div&gt;
</code></pre>

<p>And jQuery statement to detect a change in the select:</p>

<pre><code>$('#quick_zoom').change(function(){
        Zoom($(this).val());
});
</code></pre>

<p>The .change is not firing. When I remove the optgroup tags it does fire. Can someone tell me what is going on?</p>

<p>Thank you,
Todd</p>
