title: using navigator geolocation with reactors
body: <p>I'm trying to display geolocation variables <code>position.coords.lat/long</code> and I'm having trouble storing the values in a global scope. Here is the code:</p>
  
  <pre><code>var GeoLoco = React.createClass({
      lat: 0,
      long: 0,
      handler: function(position) {
              this.lat = position.coords.latitude;
              this.long = position.coords.longitude;
              console.log("Lat,Long: "+this.lat+","+this.long);
      },
      render: function() {
              navigator.geolocation.getCurrentPosition(this.handler);
              return &lt;p&gt;Lat,Long: {this.lat},{this.long}&lt;/p&gt;;
      }
  });
  </code></pre>
  
  <p><code>console.log</code> displays the location data, but <code>this.lat</code> and <code>this.long</code> render as 0</p>