Newly created div goes to the bottom of the (Ii) list instead in to the selected (li) element?

Question

I will go straight to the issue first concept: I want a div to be created once a user press an icon in a certain area of the html. my most achieving is that the div get created