How to select an element that has the same id attribute value, as the class attribute value of another.

How to select an element that has the same id attribute value, as the class attribute value of another.

Hello There,

I have an area map, and some hidden divs that each correspond to different sections of the area map.  When the user clicks a section, I'd like the corresponding div to fadeIn().

The area map sections have an identical class to the id of the relevant div.  Could someone help me match them up with jQuery so the correct div fades in, here's what I have so far..

$("area").click(function(){

var county = $(this).attr("class");

var id = $("div").each(function() {
$(this).attr("id");
});

}
);

I've noticed that the id variable returns the whole div rather than just the id attribute in the set.

Any help is much appreciated,
Regards,
Neiler.