Javascript inserting nodes

Remember when using the 'insertBefore' method that the node you **think** is the parent isn't necessarily the parent.


<h1 id='header'>
  <p id='beforeMe' />
</h1>


So dont do :

header = document.getElementById('header');
beforeMe = document.getElementById('beforeMe');
header.insertBefore(newNode, beforeMe );


Instead do this:

beforeMe = document.getElementById('beforeMe');
beforeMe.parentNode.insertBefore(newNode, beforeMe );