Question: I have written the code shown below. I am trying to position the element "h45" above the "age". Somehow, it does not work and I get the following error : "The new child element contains the parent." Does anybody know why this happens and how I could fix it? I am new to JavaScript and I dont understand what I am doing wrong. Thank you all in advance!`

```js
var lastName=document.getElementById("lastName");
 var firstName=document.getElementById("firstName");
 var age= document.getElementById("alter")
 age.addEventListener("blur",showage,false);

function showage()
    {
        if (/[^0-9]/.test(age.value)) {

              var h45 = document.createElement("h4");
              var txttt = document.createTextNode("Bitte geben Sie nur Nummern ein");
              h45.appendChild(txttt);
              age.parentNode.appendChild(h45);
              h45.insertBefore(h45,age);
              h45.style.color = "red";

            return false;
        }
        else {
            return true;
        }
    }
```

Answer: 
The problem is in this row

```
      h45.insertBefore(h45,age);

```

You should do something like:

```
      h45.parentNode.insertBefore(age, h45);

```
you are inserting h45 inside h45

```
h45.insertBefore(h45,age);

```

insertBefore Syntax:

```
var insertedElement = parentElement.insertBefore(newElement, referenceElement);

```

so your variable age is probably a div container representing an alert and you already have insert h45 inside age with this code line

```
age.parentNode.appendChild(h45);

```