[jQuery] Script not recognizing class

[Simon]

Hey, I am absolutely puzzled and am hoping some of you may be able to
help me:

I have the following HTML:

<ul id="imagenav">
        <li > <a href="image_01.jpg" title="1" class="current"
class="notloaded">1</a></li>
        <li > <a href="image_02.jpg" title="2" class="other"
class="notloaded">2</a></li>
        <li > <a href="image_03.jpg" title="3" class="other"
class="notloaded">3</a></li>
        <li > <a href="image_04.jpg" title="4" class="other"
class="notloaded">4</a></li>
        <li > <a href="image_05.jpg" title="5" class="other"
class="notloaded">5</a></li>
</ul>

and the following script:

$("#imagenav a").click(function(){
        if($(this).hasClass("notloaded")){
                alert('class here');
        } else {
                alert('class not there');
        }
});

for some reason, whenever I click on the relevant link the alert
'class not there' pops up, even though I think it's fairly clear it
is.

What am I doing wrong?

Thanks,

Simon