Как бы я разделить узел / элемент в позиции (выбор).

Пример у меня есть эта разметка:

<p>This is <a href="">a te|st</a>, you like?</p>

(эта труба представляет позицию / выбор)

Я хочу преобразовать это в:

<p>This is <a href="">a te</a></p>|<p><a href="">st</a>, you like?</p>

Поддержание выбора.

Есть идеи?

Я и использую библиотеку Rangy, а также jQuery, но могу использовать raw JS, если применимо.