Rozdzielony węzeł Rangy (JS / jQuery)

Jak rozdzieliłbym węzeł / element na pozycji (zaznaczeniu).

Przykład Mam ten znacznik:

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

(ta rura reprezentuje pozycję / wybór)

Chcę przekonwertować go na:

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

Utrzymanie wyboru.

Jakieś pomysły?

Ja i używając biblioteki Rangy, a także jQuery, ale mogę użyć surowego JS, jeśli ma to zastosowanie.

questionAnswers(1)

yourAnswerToTheQuestion