var AvatarGrabber = React.createClass({
  getInitialState: function() {
    return {text: "", url: "https://i1.wp.com/design.atlassian.com/1.4/images/avatars/default-user/192/user-avatar-blue-96%402x.png?ssl=1"};
  },
  handleChange: function(e) {
    console.log("CHANGE");
    this.setState({text: e.target.value});
    var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if (filter.test(e.target.value)) {
      console.log(e.target.value);
      var url = get_gravatar(this.state.text);
      $('#hidden-avatar-field').val(url);
      this.setState({url: url, text: e.target.value});
    }
  },
  render: function() {
    return (
      <div className="container">
        <input onChange={this.handleChange} value={this.state.text} type="text" placeholder="Your Gravatar Email Address" id="select-box" className="form-control col-xs-6"/>
        <img src={this.state.url} className="image-box col-xs-6" id="avatar-image"></img>
      </div>
    );
  }
});

var AvatarGrabber = React.createClass({
  getInitialState: function() {
    return {text: "", url: "https://i1.wp.com/design.atlassian.com/1.4/images/avatars/default-user/192/user-avatar-blue-96%402x.png?ssl=1"};
  },
  handleChange: function(e) {
    this.setState({text: e.target.value});
    var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if (filter.test(e.target.value)) {
      var url = get_gravatar(e.target.value);
      $('#hidden-avatar-field').val(url);
      this.setState({url: url, text: e.target.value});
    }
  },
  render: function() {
    return (
      <div className="container">
        <input onChange={this.handleChange} value={this.state.text} type="text" placeholder="Your Gravatar Email Address" id="select-box" className="form-control col-xs-6"/>
        <img src={this.state.url} className="image-box col-xs-6" id="avatar-image"></img>
      </div>
    );
  }
});

Fix gravatar code to grab the correct target URL
Fix gravatar code to grab the correct target URL
