               'radio'
             <div key={questionID} className="survey-task-choice-question" data-multiple={question.multiple || null}>
               <div className="survey-task-choice-question-label">{question.label}</div>
-              {for answerID in question.answersOrder
+              {for answerID, i in question.answersOrder
                 answer = question.answers[answerID]
                 isChecked = if question.multiple
                   answerID in (@state.answers[questionID] ? [])

    canIdentify = answerProvided.every (answer) -> answer is true

  render: ->
    choice = @props.task.choices[@props.choiceID]
    <div className="survey-task-choice">
      {unless choice.images.length is 0
        <ImageFlipper images={@props.task.images[filename] for filename in choice.images} />}
      <div className="survey-task-choice-content">
        <div className="survey-task-choice-label">{choice.label}</div>

          <hr />}
      </div>
      <div style={textAlign: 'center'}>
        <button type="button" autoFocus={not hasFocus} className="minor-button" onClick={@props.onCancel}>Cancel</button>
        {' '}
        <button type="button" className="standard-button" disabled={not @checkFilledIn()} onClick={@handleIdentification}>
          <strong>Identify</strong>
