addClass/removeClass
<p>{I want to be able to add a class to the body then remove that class and replace it with the new class on click of the 'a tag' html element, this is as far as I've got, adding the class, each click adds another class:</p>

<p>Can this be done by checking the a link for a class of selected instead of .click</p>

<p>html:</p>

<pre><code>&lt;ul id="dates"&gt;
&lt;li&gt;&lt;a href="#" class="selected"&gt;link1&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;link1&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;link1&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;link1&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>jQuery:</p>

<pre><code>$('ul#dates li a.selected').bind(function() }
            var htmlStr = $(this).html();
            $('body').attr('class', htmlStr);
        });
</code></pre>
