jQuery append function not working in IE8

Question

Why is my jQuery append function not working in IE8

<script type="text/javascript">
function addRows()
{ 
    i=1;
    $("#MyTable").append('<tr><td><input type=checkbox  name=rowchk\<%=i%> value="checkbox" checked="checked" style="display: none;" /></td>'
    +'<td>Cheque / DD no<input type="text" name="cheque_txt1" /></td>'
    +'<td>Cheque/DD Date<input type="text" name="date_txt1" /></td>'
    +'<td>Bank Name <input type="text" name="bank_txt1" /></td>'
    +' <td>Pay Amount   <input type="text" name="amount_txt1" /></td>'
    +'</tr>');
i++;
}</script>

Error shown by IE8

Message: Object expected

Answer 1

You have to be sure that document is ready. Have you tried calling the function from jquery document.ready? http://api.jquery.com/ready/

<script>

    $(function() {

          // Call your functions
          addRows();

    });

</script>