title: How to get the state of a marker?
body: <p>I am using the the Google Maps JavaScript API v3. I have a map that has markers on each state. When I click the state marker, I need access to the state abbreviation in the callback function. Is there any way native to google maps that I can access the state of a marker?</p>
  
  <pre><code>google.maps.event.addListener(mark,'click',function(event){
      // how can I access the state abbreviation (e.g. 'MO') from in here?
  }
  </code></pre>
  
  <p>I know that I can probably accomplish this via reverse geocoding, but is there any simpler (and less error-prone) way?</p>
  
  <p>If this can only be accomplished using reverse geocoding, what is the simplest code to access the state? I assume my code would look something like this:</p>
  
  <pre><code>google.maps.event.addListener(mark,'click',function(event){     
      geocoder.geocode({'latLng': event.latLng}, function(results, status) {
          if (status == google.maps.GeocoderStatus.OK) {
              ... get state from results ...
          }
      }
  }
  </code></pre>
  
  <p>What would be the simplest code to get the state from the results? Based on the documentation of the <a href="https://developers.google.com/maps/documentation/geocoding/#Types" rel="nofollow">address component types</a>, I assume I would be looking for the "<code>short_name</code>" of the "<code>administrative_area_level_1</code>". Is this correct? Is there an easier way to access it than looping over the results until I find the "<code>administrative_area_level_1</code>"? (I have jquery included on the page and so can code with it if it makes anything simpler)</p>