anchor.diff:    showEdit() {
       var s = Cookies.get("session");
       $.get( config.api + s + "/program/" + this.props.uid, function( data ) {
  +      this.setState({edit: "todo-pull all stuff needed for edit"});
         $(this.refs.modal).modal();
       }.bind(this));
   
     },
     render: function() {
  +    console.log(this.state.edit);
  +    var m = Math.random();
       return (
       <div>
         <div className="modal fade" ref="modal"  tabIndex="-1" role="dialog">
  
positive.code: 
        <div className="panel-default">
          <div className="panel-heading">
            <h3 className="panel-title">{this.props.name}
              <button type="button" className="btn btn-link" onClick={this.showEdit}>
                Edit 
              </button>
  
negative.code:               <h4 className="modal-title" id="myModalLabel">Edit {this.props.name}</h4>
              </div>
              <div className="modal-body" ref="edit">
                {this.state.edit}
              </div>
              <div className="modal-footer">
                <button type="button" className="btn btn-default" data-dismiss="modal">Close</button>
  