title: trouble getting my mouseover on markers to work
body: <p>I have created my code below with the mouseover affect at the end, but it does not work. Have I put it in the wrong place? I just can't seem to get it to work. Eventually I would like to get a certain type of info displayed on them but each step at a time, trying to get the basic to work first.                                     </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
  
  
  
  &lt;!-- Google Maps and Places API --&gt;
  &lt;script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&amp;sensor=false"&gt;&lt;/script&gt;
  
  &lt;!-- jQuery --&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;    
  
    //declare namespace
    var up206b = {};
  
    //declare map
    var map;
  
    function trace(message) 
    {
      if (typeof console != 'undefined') 
      {
        console.log(message);
      }
    }
  
    up206b.initialize = function()
    {
      var latlng = new google.maps.LatLng(52.136436, -0.460739);
      var myOptions = {
        zoom: 13,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    }
  
    var geocoder = new google.maps.Geocoder();
  
    up206b.geocode = function() 
    {
  
      var addresses = [ $('#address').val(), $('#address2').val()];
  
      addresses.forEach(function(address){
        if(address){
        geocoder.geocode( { 'address': address}, function(results, status) 
                         {
          if (status == google.maps.GeocoderStatus.OK) 
          {
            map.setCenter(results[0].geometry.location);
            var marker = new google.maps.Marker({
              map: map, 
              position: results[0].geometry.location
            });
          } 
          else 
          {
            alert("Geocode was not successful for the following reason: " + status);
          }
        });
        }
      });
    }
  
  var infowindow = new google.maps.InfoWindow({
  content: contentString
  });
  
  var marker = new google.maps.Marker({
              map: map, 
              position: results[0].geometry.location
            });
  
  
  marker.addListener('mouseover', function() {
  infowindow.open(map, this);
  });
  
  
  marker.addListener('mouseout', function() {
  infowindow.close();
  });
  
  &lt;/script&gt; 
  &lt;/head&gt;
   &lt;body onload="up206b.initialize()"&gt; 
  
   &lt;div style="top: 0; right: 0; width:380px; height: 500px; float:right;padding-left:10px; padding-right:10px;"&gt; 
    &lt;h1 align="center"&gt;Map Search&lt;/h1&gt;   
  
    &lt;div style="border:1px solid #ccc; background:#e5e5e5; padding:10px;" &gt;
  
     &lt;form &gt;
      &lt;br&gt;
      Location 1 &lt;input type="text" id="address"&gt;
      &lt;br&gt;
      &lt;br&gt;
      Location 2 
      &lt;input type="text" id="address2"&gt;
      &lt;br&gt;
      &lt;br&gt;
      &lt;input type="button" value="Submit" onClick="up206b.geocode()"&gt;
    &lt;/form&gt;
    &lt;/div&gt;
  
  &lt;/div&gt; 
  
  &lt;div id="map_canvas" style="height: 500px; width: 500px; float:right"&gt;&lt;/div&gt; 
  </code></pre>
  
  <p><br>
  </p>