IE error when using jQuery and Ajax
<p>So I am very new to using jQuery and I have a script that updates posts on a page when load more is clicked. It works fine in Chrome and Firefox but nothing happens in IE. Does anyone know why?</p>

<p>jQuery Script</p>

<pre><code>function get(){
$("#acomment").empty().html('&lt;img src="design/ajax-loader.gif" /&gt;');
$.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);
        });
    });
</code></pre>

<p>}</p>

<p>The script for the button that calls the function:</p>

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

<p></p>

<p>Why wouldn't it be working? I've trouble shooted a bit and the problem isn't concerned with the loadmore.php page</p>

<p>Example:
<a href="http://www.redarcadegames.com/topic/256" rel="nofollow">http://www.redarcadegames.com/topic/256</a></p>
