works in FireFox, Chrome but not in IE7 or 10

works in FireFox, Chrome but not in IE7 or 10

Hello everybody,

totally lost why this simple script wont work in IE 7 ro in IE10, any help you can provide would be greatly appreciated.


  1. <!DOCTYPE>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <script src="http://code.jquery.com/jquery-latest.js"></script>
           
             <script>
                $(document).ready(function() {
                    $('#btn_click').on('click', function() {
                        var url = 'testingv2.php';
                        $('#div1-wrapper').load(url + ' #div1');
                    });
               });            
             </script>          
        </head>
       
        <body>
       
            <br />
            <div id="div1-wrapper">
                <div id="div1" style="border:solid 2px red; width: 100px;">   
                    <?php echo rand(10,100); ?>
                </div>   
            </div>
           
            <br />   
            <div id="div2" style="border:solid 2px green; width: 100px;">
                <button type="button" id="btn_click"  value="click me!" /> click me! </button>
            </div>   
        </body>
    </html>