title: Google geocoder does not work
body: <p>This is my index.html file - The part i'm having trouble with is getting the geocode function to work. The form and button show up but nothing happens when i press the button at all.</p>
  
  <pre><code> &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
   &lt;title&gt;First Google Map&lt;/title&gt;
   &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
   &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
   &lt;script type="text/javascript"&gt;
    function initialize() {
      var latlng = new google.maps.LatLng(43.696299,-79.346271); 
      var myOptions = {
       zoom:13,
       center: latlng,
       mapTypeId: google.maps.MapTypeId.MAP
   };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
     geocoder = new google.maps.Geocoder();
  
      var myPlacesKML = new google.maps.KmlLayer('http://mristo.webatu.com/melissaristo/kml/torontodonvalley.kml?ver=1');
      myPlacesKML.setMap(map);
  
     function geocode() {
     address = document.getElementById("address").value;
     geocoder.geocode({
       'address': address,
       'partialmatch': true}, geocodeResult);
     }
     }
    &lt;/script&gt;
  &lt;/head&gt; 
  &lt;body onload="initialize()"&gt;
  &lt;input type="text" id="address"&gt;
  &lt;input type="button" onclick="geocode();" value="Geocode it!"
  }
  &lt;/script&gt;
   &lt;body onload="initialize()"&gt;
   &lt;div id="map_canvas" style="width:500px; height:400px"&gt;&lt;/div&gt;
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>The form and button show up but the the button doesn't do anything when i click it.
  Any ideas? I'm very new to this and pretty lost</p>