jQuery Forum

Here is my code - fairly simple:

1.     $(document).ready(function(){
           $(".location").each(function(){
               $(this).click(function(){
                   $(".map").hide();
                   var class = $(this).attr("data");
                   $(".location").removeClass("activeLocation");
                   $(this).addClass("activeLocation");
                   $("." + class).show();
               })
           })
       });

1. <div id="locations">
       <div class="location activeLocation" data="brian">1205 S 75th St</div>
       <div class="location one" data="mark">6603 A Royal Street</div>
       <div class="location" data="dan">4725 Merle Hay Rd</div>
       <div class="location" data="andy">62 Soccer Park Road</div>
   
       <div id="mapviewer" class="brian map">Map to 1205 S 75th Street</div>
       <div style="display: none;" id="mapviewer" class="mark map">Map to 6603 A Royal Street</div>
       <div style="display: none;" id="mapviewer" class="dan map">Map to 4725 Merle Hay Rd</div>
       <div style="display: none;" id="mapviewer" class="andy map">Map to  62 Soccer Park Road</div>
   </div>

Everything works if I comment out two lines:

1. var class = $(this).attr("data");
2. $("." + class).show();

Without these two lines commented, no action at all. These two lines of code look OK to me.
What am I missing?