###
### version of textline.html which does dynammic math
###
<section class="text-input-dynamath">
  <table style="display:inline; vertical-align:middle;">
    <tr>
      <td>
        <input type="text" name="input_${id}" id="input_${id}" value="${value}" class="math" size="${size if size else ''}" />
      </td>
      <td>
        <span id="answer_${id}"></span>

        % if state == 'unsubmitted':
        <span class="unanswered" style="display:inline-block;" id="status_${id}"></span>
        % elif state == 'correct':
        <span class="correct" id="status_${id}"></span>
        % elif state == 'incorrect':
        <span class="incorrect" id="status_${id}"></span>
        % elif state == 'incomplete':
        <span class="incorrect" id="status_${id}"></span>
        % endif
      </td>
    </tr>
    <tr>
      <td>
        <span id="display_${id}">`{::}`</span>
      </td>
      <td>
        <textarea style="display:none" id="input_${id}_dynamath" name="input_${id}_dynamath">  </textarea>
      </td>
    </tr>
  </table>
  % if msg:
      <span class="message">${msg|n}</span>
  % endif
</section>
