Better/more AJAXy problem rendering

problem.html

@@ -2,35 +2,6 @@
   ${ problem['html'] }
   <br>
   <input type="hidden" name="problem_id" value="${ problem['name'] }"> 
-  <script>$(function() {
-    $('#check_${ id }').click(function() {
-      var submit_data={};
-      $.each($("[id^=input_${ id }_]"), function(index,value){
-        submit_data[value.id]=value.value;
-      });
-
-      if($('#check_${ id }').attr('value').substring(0,5) != 'Reset') { 
-        $.getJSON('/modx/problem/${ id }/problem_check',
-           submit_data,
-           function(json) {
-             for(p in json) {
-               if(json[p]=='correct')
-                  $("#status_"+p).attr("class", "ui-icon ui-icon-check");
-               if(json[p]=='incorrect')
-                  $("#status_"+p).attr("class", "ui-icon ui-icon-close");
-                  $('#check_${ id }').attr("value", "Reset");
-             }
-        });
-      } else /* if 'Reset' */ {
-        // Possible cleanup: Move from getJSON to just load
-        $.getJSON('/modx/problem/${ id }/problem_reset', {'id':'${ id }'}, function(json) {
-           $('#main_${ id }').html(json);
-           MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
-        });
-      }
-    });
-});
-</script>
 % if check_button:
   <input id="check_${ id }" type="button" value="${ check_button }" >   
 % endif