tspans in jquery-svg

HTML

<script src="http://keith-wood.name/js/jquery.svg.js"></script>
<link rel="stylesheet" href="http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css">
<svg height="40">
    <text x="30" y="30">&#xf040</text>
</svg>

<div id="svgintro"></div>

CSS

svg {
    border: 1px solid red;
}

svg text {
    font-family: FontAwesome;
}