window.top.document.getElementById not working

Question

I have these two script tags one after the other. The first one works perfectly but the second one doesn't. What could be the problem. Thanks.

<script>
<!--
    window.top.document.getElementById('events').innerHTML="Events: <div style='display:inline;'>"+document.getElementById('events1').innerHTML+"</div>";

-->
</script>
<script>
<!--
    window.top.document.getElementById('bal').innerHTML=document.getElementById('newbal').innerHTML;
    
    document.getElementById('balance').innerHTML=document.getElementById('newbal').innerHTML;
-->
</script>