title: How to show tooltip on each google map marker
body: <p>I am facing some problem in displaying tooltip on each google map marker.
  But it only shows tooltip on only one marker.
  Here is my js fiddle 
  <a href="http://jsfiddle.net/amit4mins/6UnTr/35/" rel="nofollow">http://jsfiddle.net/amit4mins/6UnTr/35/</a></p>
  
  <pre><code>$(document).ready(function(){
      var locations=[
          ['loc1',40.23, -70.34],
          ['loc7',40.23, -70.34],
          ['loc8',40.23, -70.34],
          ['loc2',41.24, -71.35],
          ['loc3',42.25, -72.36],
          ['loc4',43.26, -73.37],
          ['loc5',44.27, -74.34],
          ['loc6',45.28, -75.34],
          ['loc6',46.29, -76.34]];
  function initialize() {
      console.log(locations);
      var mapOptions = {
          center: new google.maps.LatLng(-34.397, 150.644),
          zoom: 3,
          mapTypeId: google.maps.MapTypeId.ROADMAP,
      };
      var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
  
      var marker, i;
  
      for (i = 0; i &lt; locations.length; i++) {
  
          var infoWindow = new google.maps.InfoWindow({
              content: locations[i][0],
          });
          marker = new google.maps.Marker({
              position: new google.maps.LatLng(locations[i][1], locations[i][2]),
              map: map,
              title:locations[i][0]
          });  
          google.maps.event.addListener(marker, 'click', function() {
              infoWindow.open(map, marker);
          });
  
      }
      marker.setMap(map);
  
  }
  google.maps.event.addDomListener(window, 'load', initialize);    
  
  });
  </code></pre>
  
  <p>Can any one let me know what i am doing wrong.</p>
  
  <p>Many Thanks,
  M.</p>