onchange fails to work when wrapped by div

[Cladium]

I was looking for some help as to understand why the following onchange does not work inside the div. It does however, work just fine without it; although, I do need it.\[code\]<a href="http://stackoverflow.com/questions/14070656/#pop1" rel="facebox">open pop up</a><div class="overlay" style="display:none;" id="pop1"><form name="program34" method="post" action="#"> <select name="date" size="1" onchange="setOptions34(document.program34.date.options[document.program34.date.selectedIndex].value);"> <option value="" selected="selected"> - Date - </option> <option value="http://stackoverflow.com/questions/14070656/12/25/2013-3">12/25/2013 - All day</option> </select> <select name="itemCount" size="1"> <option value="" selected="selected">No date Selected</option> </select> <script type="text/javascript"> function setOptions34(chosen){ var selbox = document.program34.itemCount;selbox.options.length = 0; if(chosen == ""){selbox.options[selbox.options.length] = new Option('No date selected','');} if(chosen == "12/25/2013-3"){ selbox.options[selbox.options.length] = new Option('0','0'); selbox.options[selbox.options.length] = new Option('1','1'); } } </script></form></div>\[/code\]