Show FIMB responses in the correct boxes

The internal order of blanks (in question_data) is no longer relevant
when rendering the results but instead should follow the order of the
[blank] definitions found in the question text.

Closes CNVS-3544

TEST PLAN
---- ----

  - create a quiz with a FIMB question
  - create two blanks, call them "color" and "size", e.g:
    "My shirt is colored [color] and is [size] big."
    - take the quiz and verify that your answers are shown in the
      correct order per blank ([color] and then [size])
  - edit the quiz and do this:
    - edit the question
    - select the portion of the "is colored [color]" and drag it using
      your cursor to be somewhere after the "[size]" blank, e.g:
      "My shirt and is [size] big colored [color]" (yes, ignore the
      grammar this one time)
    - directly click on Update Question without pressing anywhere else
    - save quiz and republish
  - take the quiz again by the student, submit it and:
    - verify that the disabled input boxes still read in the correct,
      newly-adjusted order which is [size] and then [color]
    - verify that the result boxes look right overall

Change-Id: I497b15f5c0dfa863e39f4fd5856d56fb84581fde
Reviewed-on: https://gerrit.instructure.com/37251
Reviewed-by: Derek DeVries <ddevries@instructure.com>
Tested-by: Jenkins <jenkins@instructure.com>
QA-Review: Caleb Guanzon <cguanzon@instructure.com>
Product-Review: Ahmad Amireh <ahmad@instructure.com>