请教载入页面执行的问题

<script language="javascript">
$(function(){
  $("#t1").css({"text-align":"center"});
});
</script>

<table width="400" border="1" id="t1">
<tr>
  <td> </td>
  <td>查看</td>
  <td>添加</td>
  <td>修改</td>
  <td>删除</td>
</tr>
</table>

这样字不会居中

但是把
$("#t1").css({"text-align":"center"});
放到表格下面就行

为什么啊

$("#t1").css({text-align:"center"});