REplacing Text With jQuery

I am having trouble with what I thought would be easy. I need to replace (remove) text from a list of text. In the following code (that is dynamically created) I need to remove "School of "

<div class=“siteMap”>
<ul>
<li id=“school-of-liberal-arts”>
<a href=“/academics/undergraduate/schools/school-of-liberal-arts/”>School of Liberal Arts</a>
</li>
<li id=“school-of-natural-and-applied-sciences”>
<a href=“/academics/undergraduate/schools/school-of-natural-and-applied-sciences/”>School of Natural & Applied Sciences</a>
</li>
<li id=“school-of-business”>
<a href=“/academics/undergraduate/schools/school-of-business/”>School of Business</a>
</li>
<li id=“school-of-professional-studies”>
<a href=“/academics/undergraduate/schools/school-of-professional-studies/”>School of Professional Studies</a>
</li>
</ul>
</div>

I am using jQuery for this website.

Any thoughts or insights would be most appreciated!


$(document).ready(function() {
	$('.siteMap ul li a').each(function() {
		var txt = $(this).text();
		txt = txt.split('School of ')[1];	
		$(this).text(txt);
	});
});