Why doesn't Javascript (Internet Explorer) show my html table using this function?

I´m using internet explorer 8 and asp.net mvc 3 to develop my web applicat开发者_如何学运维ion. I have this code:

<div id="table_chart_placeholder">
    @{ Html.RenderAction("Table", "Charts"); }
    </div>
</body>

<script type="text/javascript">
        function chartIndicator() {
        var chartImage = document.getElementById('chart_image');
        chartImage.src = chartImage.src + "?" + new Date().getTime();
        jQuery("#table_chart_placeholder").append("<div></div>").load('@Url.Action("Table", "Charts")');
</script>

I can't see the table. Any idea why this happens? If something is not clear please ask me what you need.

you are trying to do something when the document is ready? you got the document ready function wrong. try this:

<div id="table_chart_placeholder">
    @{ Html.RenderAction("Table", "Charts"); }
    </div>
</body>

<script type="text/javascript">
        $(function () {
               jQuery("#table_placeholder").append("<div></div>").load('@Url.Action("Table", "Charts")');
              });
</script>

Ok, the problem was caching and I solve it using ajaxSetup in the function like this:

$.ajaxSetup({ cache: false });