Dom loads two times

Question

Hello everybody!

I have a very weird problem. I am using jQuery and i am using the $(function () to load functions when the dom is loaded. But with a unknown reason the code in the $(function () will run a second time. A preview is at: http://development.devhouse.nl/news/3/het-nieuwste-nieuwsbericht you will get 2 alert prompts, but there is only 1 written in a $(function () . The exact code is:

<script type="text/javascript">
        $(function () {
            alert('Test');
        });
</script>

And the whole source can be found here(open the source in your browser): http://development.devhouse.nl/news/3/het-nieuwste-nieuwsbericht

Please help me. I am hopeless....

Tom

Answer 1

$().ready(function(){
     alert('Test');
});

Answer 2

I suppose because the script is in your html body instead of in the head. Move it to the head, and it only fires once.

Is there a reason you have it there?

EDIT: For clarification, as Marcel Korpel noted, scripts can be nested in the body, and there can be performance reasons to have them at the end. But in this situation, the script was nested inside an element within the body. This works, but can lead to unexpected behavior if that element is manipulated in certain ways.