title: problem with asp.net conrol binding in javascript
body: <pre><code>&lt;body onload="initialize()"&gt;
      &lt;form id="form1" runat="server"&gt;
      &lt;div id="map_canvas" style = "width:320px; height:480px"&gt;
      &lt;/div&gt;
      &lt;div&gt;
          &lt;asp:TextBox ID="address" runat="server"&gt;&lt;/asp:TextBox&gt;
          &lt;asp:Button Text="find" runat="server" OnClientClick="codeAddress()" /&gt;
      &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>and this is my javascript:</p>
  
  <pre><code>&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;
          var geocoder;
          var map;
          function initialize() {
              geocoder = new google.maps.Geocoder();
              var latlng = new google.maps.LatLng(-34.397, 150.644);
              var myOptions = {
                  zoom: 8,
                  center: latlng,
                  mapTypeId: google.maps.MapTypeId.ROADMAP
              }
              map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
          }
          function codeAddress() {
              var address = document.getElementById("&lt;%= address.ClientID %&gt;").value;
              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);
                  }
              });
          }
      &lt;/script&gt;
  </code></pre>
  
  <p>the codeAddress() function is not working at all !
  what's the problem?</p>