JQuery-Methode funktioniert nicht wie erwartet – toggleClass ⇐ HTML

[Anonymous]

Weiß jemand, warum der folgende jQuery-Code nicht wie erwartet funktioniert?
HTML:

Code: Select all

CSS:

Code: Select all

.headerButtonClicked
{
background-image:url('background.jpg');
background-repeat:repeat-x;
color:#000000;
}

jQuery:

Code: Select all

$(".headerButton").click(function()
{
$(this).parent().toggleClass(".headerButtonClicked");
});

Ich habe beobachtet, dass das DOM Firebug verwendet und die Klasse an das übergeordnete Element angehängt wird, aber der Stil ändert sich nicht. Als ich den Styling-Code inline hinzugefügt habe, hat es funktioniert, ich bin mir also sicher, dass nicht das CSS das Problem ist.