Target just the selected class with jquery
<p>I have the following code;</p>

<pre><code>$('.time-span').hover(function () {
    $('.leftRadius,.rightRadius').addClass('hovered');
},
function () {
    $('.leftRadius,.rightRadius').removeClass('hovered'); 
});
</code></pre>

<p>My markup looks like this:</p>

<pre><code>&lt;DIV class=leftRadius&gt;&lt;/DIV&gt;
&lt;A class=time-span &gt;&lt;/A&gt;
&lt;DIV class=rightRadius&gt;&lt;/DIV&gt;

&lt;DIV class=leftRadius&gt;&lt;/DIV&gt;
&lt;A class=time-span &gt;&lt;/A&gt;
&lt;DIV class=rightRadius&gt;&lt;/DIV&gt;

&lt;DIV class=leftRadius&gt;&lt;/DIV&gt;
&lt;A class=time-span &gt;&lt;/A&gt;
&lt;DIV class=rightRadius&gt;&lt;/DIV&gt;
</code></pre>

<p>How can I edit this to just target one '.time-span' class (there are multiple in my document and I can't use id's)?</p>

<p>Thanks</p>
