     position: React.PropTypes.oneOf(['top', 'bottom', 'left', 'right'])
   getDefaultProps: ->
     position: 'bottom'
+  contextTypes:
+    processHtmlAndMath: React.PropTypes.func
   render: ->
     wrapperClasses = classnames 'question-feedback', @props.position
-    htmlAndMathProps = _.pick(@props, 'processHtmlAndMath')
+    htmlAndMathProps = _.pick(@context, 'processHtmlAndMath')
 
     <div className={wrapperClasses}>
       <div className='arrow'/>

    show_all_feedback: false
    keySet: 'multiple-choice'

  onChangeAnswer: (answer, changeEvent) ->
    if @props.onChange?
      @setState({answer_id:answer.id})

    if @props.show_all_feedback and answer.feedback_html
      feedback = <Feedback key='question-mc-feedback'>{answer.feedback_html}</Feedback>

    htmlAndMathProps = _.pick(@context, 'processHtmlAndMath')

    <div>
      <div className={classes}>
