title: onclick event doesn't fire in firefox or chrome
body: <p>I am coding some javascript with jQuery to fire when an img is clicked in my asp.net page.</p>
  
  <p>The img is declared as follows:</p>
  
  <pre><code>&lt;img id="zoomIn" alt="Zoom In" src="/Images/Plus.png" onclick="zoomIn();" /&gt;
  </code></pre>
  
  <p>And the .js file function is:</p>
  
  <pre><code>function zoomIn() {
      zoomLevel += 1;
      showMapImage();
  }
  
  function showMapImage() {
      //show the location map
      var img_url = "http://maps.google.com/maps/api/staticmap?center=" + $asp("lblCoordinates").html() + "&amp;size=200x150&amp;sensor=false&amp;zoom=" + zoomLevel + "&amp;markers=color:green%7C" + $asp("lblCoordinates").html();
      $("#imgMap").attr('src', img_url);
  }
  
  function $asp(serverID) {
      return $("[id$='" + serverID + "']");
  }
  </code></pre>
  
  <p>This works fine in IE but not in Chrome or Firefox which makes me think there is something simple wrong somewhere that I can't spot</p>