How can you drag a custom element (some div) into a text input and have it inserted directly into the caret position where your mouse points?

Question

I know the default browser drop action performs this fine, but how would I add this functionality in a custom \'drop\' handler? For example, I have a draggable div