У меня проблемы с jQuery, пытающимся удалить текст после тега <span>, чтобы добавить другой текст.

Пример:

<div id="foo-id">  
    <span id="span-id">  
        <i id="icon-id" class="fa fa-square-o"></i>  
    </span> text..here... (this text needs to be removed)
</div>

Я знаю, как добавить текст:

$('#foo-id').after()[0].append('this is a text');

Но как я могу удалить / очистить текст после тега </ span>, чтобы добавить новый?