Добавить не в элемент а после него

Столкнулся с проблемой, есть скажем

<div>Text 1
<a>Text 2</a>
</div>

Добавляю элемент $('div a').html('<span>Text 3</span>');

Получается

<div>Text 1
<a>Text 2 <span>Text 3</span></a>
</div>

Мне нужно после того как тег </a> закрыт. т.е так:

<div>Text 1
<a>Text 2</a><span>Text 3</span>
</div>

Видиом я туплю) подскажите)

 

Элемент обновляется по таймеру, т.е не должно копироваться при использовании setInterval
Если юзать after то тупо добавляет эл-ты.

P.S Проблему решил условием если нет значения в span то after добавляет элемент, если есть то html.

Все еще актуально сделать проще)

 

Тоже не то