Injecting/returning a new element on screen

Question

The code below shows that the div is injected into the a element. How do I display the div element so that it is not injected into anything. so instead of

<a href="#">
   <div class="example></div>
</a>

I have this

<a href="#">
</a>
<div class="example></div>

JS

display: function() {
        var n = new Element('a',{
            'class': 'postItem',
            'data-id': this.id,
            'text': this.title,
            'href': '#',
            events: {
                click: function(){
                    var id = this.get('data-id')
                    callThread(id);
                }
            }
        });

        var deleteT = new Element('div',{
            'class': 'deleteItem',
            'data-id': this.id,
            'text': 'Delete',

            events: {
                click: function(){
                    var deleteID = this.get('data-id')
                    deleteThread(deleteID)
                }
            }

        })

        deleteT.inject(n);
        return n;
    }

Answer 1

mootools inject method accept second parameter [where] : Element.inject

so what you asked is after :

deleteT.inject(n,'after');