Jquery failing to detect change in select in IE7&8 but works in FF
<p>I can get this to run in IE9 and FF but does not work in IE7&amp;8 can anybody point me in the right direction. Any ideas what to look out for?</p>

<p>JQuery</p>



<p></p>

<pre><code>$(document).ready(function() {  
    $('#page').change(function(){
        alert('--not-calling-in-IE8-or-IE7-Mode-Works-Fine-In-FF-');
        var url = 'galleryoptions.php?page=' + $('#page option:selected').val();
        $.getJSON(url, function(j){         
            var options = '&lt;option value="0"&gt;None&lt;/option&gt;';
            for (var i = 0; i &lt; j.length; i++) {
                options += '&lt;option value="' + j[i].optionValue + '"&gt;' + j[i].optionDisplay + '&lt;/option&gt;';
            }
            $("#proj").html(options);
        });
    });
});
</code></pre>

<p>HTML</p>

<pre><code>&lt;label for="page" style="margin-top:10px;padding:2px; margin-left:-15px;"&gt;P&amp;aacute;gina&lt;/label&gt;
&lt;select id="page" name="page" type="text" style="width:135px; margin-top:8px;margin-bottom:8px;padding:2px; margin-left:10px;"&gt;
</code></pre>

<p>What I have tried:</p>

<p>I placed an onchange on the select and called an alert and it worked.
I placed an onchange on the select and called a function which never worked.</p>

<pre><code>&lt;select id="page" name="page" type="text" onchange="alert('This works')"&gt;

function dofn(){
  alert('This fails')
}

&lt;select id="page" name="page" type="text" onchange="dofn();"&gt;
</code></pre>

<p>Any ideas?</p>
