html entities are renamed to work with different id's

common/lib/capa/capa/templates/vsepr_input.html

@@ -2,19 +2,17 @@
 
 <section id="textinput_${id}" class="textinput ${doinline}" >
      <table><tr><td height='600'>
-    <div id="vsepr_div" style="position:relative;" data-molecules="${molecules}" data-geometries="${geometries}">
-    <canvas id="vsepr" width="${width}" height="${height}">
+    <div id="vsepr_div_${id}" style="position:relative;" data-molecules="${molecules}" data-geometries="${geometries}">
+    <canvas id="vsepr_canvas_${id}" width="${width}" height="${height}">
     </canvas>
     </div>
     </td><td valign ='top'>
-    <select id="molecule_select" size="18">
+    <select class="molecule_select" id="molecule_select_${id}" size="18">
     </select>
-    <!--input id="submit_button" type="button" value="Submit"/-->
     </td></tr></table>
 
     <div class="script_placeholder" data-src="/static/js/vsepr/vsepr.js"></div>
 
-
     % if state == 'unsubmitted':
     <div class="unanswered ${doinline}" id="status_${id}">
     % elif state == 'correct':