Вы должны называть это, только когда DOM готов.
Другими словами, только когда на странице записаны все теги, вы можете смело вызывать их.
Я бы настоятельно рекомендовал фреймворкам играть с javascript, и написание простого javascript теперь является болью, а не фу вообще
Вы можете либо вызвать этот javascript с помощью метода DOM Ready, либо добавить свой javascript в конец страницы вместо начала.
<html>
<head><title>my page</title></head>
<body>
<ul><li id="grandtotaldisplay">...</li></ul>
<script type="text/javascript">
$("#grandtotaldisplay").html("TOTAL PRICE : $"+variable);
</script>
</body>
</html>
или добавить в любое место, но обернуть его методом DOM Ready
$(document).ready( function() {
// safety call your DOM elements
$("#grandtotaldisplay").html("TOTAL PRICE : $"+variable);
});