JQuery在除IE 6.0/7.0以外的所有浏览器中都存在问题:)

没想到我会有这个问题:)

以下代码片段适用于IE 6.0/7.0,但不适用于其他浏览器(“兼容性视图”中的IE 8.0):

$(document).ready(function(){

    // Search button code
    $('#btnSearch').click(function() { //start function when button is clicked
            var sid = $('#search_id').val();
            $.ajax({
                    method: "get",url: "controller.php",data: { search_id:sid, action:'search'} ,
                    beforeSend: function(){$("#loading").show("slow");}, //show loading just when link is clicked
                    complete: function(){ $("#loading").hide("slow");}, //stop showing loading when the process is complete
                    success: function(html){ //so, if data is retrieved, store it in html
                            $('.main_content').html(html); //show the html inside .main_content div
                            $('.main_content').show("slow"); //animation
                    }
            });

            $("form").each(function() {
                    this.reset();
            });
    });
});

<div>
<form id="srchForm" method="post" action="">
<p><abbr title="Search ID"><label for="search_id">Search ID:</label></abbr><input   type="text" name="search_id" id="search_id">
<button id="btnSearch" value="search">go</button>
</p>
</form>
<div id="loading">LOADING!!!!!!!!!!!!!!!!<br></div>
<hr>
<div id="main_content" class="main_content"></div>
</div>
<div>
<div class="add_content"></div>
</div>

谁能看出我做错了什么?