jquery code not making links link
<p>I have the following jquery code:</p>

<pre><code>$(document).ready(function() {
$("body[class*=page-calendar-practices] #content-header h1#title").after("&lt;div id='athletics_practice-schedule'&gt;&lt;div id='inner-title'&gt;&lt;a href='www.example.com' class='athletics_links'&gt;GAMES&lt;/a&gt;&lt;a href='www.example.com/games' class='athletics_links'&gt;PRACTICES&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;");

});
</code></pre>

<p>This code creates the anchor links on the page as it should, but (in at least Google Chrome) they don't show up as links, just as text. Why is this?</p>
