title: Change marker's labelClass on mouseover using jQuery on Google Maps
body: <p>I've added the markerwithlabel.js file and can successfully show markers with labels on my google map with this code:</p>
  
  <pre><code>markerArray[i] = new MarkerWithLabel({
   position: myLatLng,
   map: map,
   icon: image,
                   labelAnchor: new google.maps.Point(25, 30),
                   labelClass: "marker_labels", // the CSS class for the label
                   labelStyle: {opacity: 0.75},
                   labelContent: format_num(property[6]),
   }
  );
  </code></pre>
  
  <p>I want to change the class of the label to highlight it when I mouseover another element on the page that corresponds to that marker/label. I've tried with jQuery but just can't get it working:</p>
  
  <pre><code>$(".sidelisting").hover(
               function () {
                   $(markerArray[this.id].labelClass).addClass("hovered");
               },
               function () {
                   $(markerArray[this.id].labelClass).removeClass("hovered");
               }
       );
  </code></pre>
  
  <p>The above code doesn't show any javascript errors in the console but nothing happens on mouseover, changing it from <code>labelClass</code> to <code>label</code> doesn't work either, any ideas?</p>