JavaScript — surroundContents [Range]

Проблема в следующем.

К примеру, выделяю слово и оборачиваю его тегом.

Получаю

Выделяю

Получаю

Выделяю

Ничего не получаю

<iframe src="text.html" frameborder="3"></iframe>

<span id='magic'>Magic</span>

Содержимое text.html

<div contenteditable="true">Текст текст и еще текст</div>

Cкрипт

document.getElementById('magic').onclick = getAndEdit;

  function getAndEdit(){

  	var rng = window.frames[0].document.getSelection().getRangeAt(0);

	rng.surroundContents(document.createElement("span"));	}

Как заставить работать?:(