schematicinput.html

<span>
  <input type="hidden" class="schematic" height="${height}" width="${width}" parts="${parts}" analyses="${analyses}" name="input_${id}" id="input_${id}" value="" initial_value=""/>

  <div id="value_${id}" style="display:none">${value}</div>
  <div id="initial_value_${id}" style="display:none">${initial_value}</div>
  <div id="submit_value_${id}" style="display:none">${submit_analyses}</div>

  <script>
    $("#input_${id}").attr("value",$("#value_${id}").text());
    $("#input_${id}").attr("initial_value",$("#initial_value_${id}").text());
    $("#input_${id}").attr("submit_analyses",$("#submit_value_${id}").text());
  </script>

  <span id="answer_${id}"></span>
  % if state == 'unsubmitted':
  <span class="ui-icon ui-icon-bullet" style="display:inline-block;" id="status_${id}"></span>
  % elif state == 'correct': 
  <span class="ui-icon ui-icon-check" style="display:inline-block;" id="status_${id}"></span>
  % elif state == 'incorrect':
  <span class="ui-icon ui-icon-close" style="display:inline-block;" id="status_${id}"></span>
  % elif state == 'incomplete':
  <span class="ui-icon ui-icon-close" style="display:inline-block;" id="status_${id}"></span>
  % endif
</span>