             return <FormGroup style={marginBottom:'0px'}>
                 <FormControl
                     type       = 'text'
+                    autoFocus  = {true}
                     style      = {display:'inline-block', width:'50%'}
                     value      = {@state.edited_first_name}
                     onClick    = {(e) => e.stopPropagation(); e.preventDefault()}

                <Button onClick={@save_student_name} bsStyle='success' disabled={disable_save}>
                    <Icon name='save'/> Save
                </Button>
                <Button onClick={=>@setState(@getInitialState())} >
                    Cancel
                </Button>
            </ButtonGroup>

        edited_last_name  : @props.student_name.last

    on_key_down: (e) ->
        switch e.keyCode
            when 13
                @save_student_name()
            when 27
                @cancel_student_edit()

    toggle_show_more: (e) ->
        e.preventDefault()
