Ошибка IE при использовании jQuery и Ajax

Question

Так что я очень новичок в использовании jQuery, и у меня есть сценарий, который обновляет сообщения на странице при нажатии на загрузку больше. Он отлично работает в Chrome и Firefox, но ничего не происходит в IE. Кто-нибудь знает, почему?

JQuery скрипт

function get(){ 
$("#acomment").empty().html('<img src="design/ajax-loader.gif" />'); 
$.post('loadmore.php', {id: document.form.id.value, number: counter, kind: document.form.kind.value}, 
    function(output){ 
     $('#acomment').html(output).show(); 
     counter+=5; 
     $(document).ready(function() { 
     $('html, body').animate({ scrollTop: $('#scrollspot').offset().top }, 1000); 
     }); 
    }); 

}

Скрипт для кнопки, которая вызывает функцию:

<form name="form" id="form" style='margin-top:10px'> 
<input type="hidden" name="kind" value="<?php echo $kind; ?>" /> 
<input type="hidden" name="id" value="<?php echo $name; ?>" /> 
<input type="button" value="Load More" onClick="get()" style='width:35%' /> 

Почему бы не она будет работать? Я неприятность расстрелян немного, и проблема не связана со страницей loadmore.php

Пример: http://www.redarcadegames.com/topic/256

Answer 1

пытается это изменить:

$.post('loadmore.php', {id: document.form.id.value, number: counter, kind: document.form.kind.value}, 

к:

$.post(
    'loadmore.php', 
    { 
     id: $("#form input[name='id']").val(), 
     number: counter, 
     kind: $("#form input[name='kind']").val() 
    }, 

и удалять:

$(document).ready(function() { 

так весь ваш код:

function get(){ 
    $("#acomment").empty().html('<img src="design/ajax-loader.gif" />'); 
    $.post(
     'loadmore.php', 
     { 
      id: $("#form input[name='id']").val(), 
      number: counter, 
      kind: $("#form input[name='kind']").val() 
     }, 
     function(output){ 
      $('#acomment').html(output).show(); 
      counter+=5; 
      $('html, body').animate({ scrollTop: $('#scrollspot').offset().top }, 1000); 
     } 
    ); 
};