anchor.diff:  
   
   // Add event listener for opening and closing details
  -$('#myTable').on('click', 'td.details-control', function () {
  +$('#myTable').on('click', 'td.view_kata', function () {
                      var cyberdojo_id = $(this).parent().find(".cyberdojo_id").html();
                      var avatar = $(this).parent().find(".avatar").html();
                      var kata_name = $(this).parent().find(".kata_name").html();
  
positive.code: });
  </script>
  
     <input type="hidden" id="refreshed" value="no">
   <script type="text/javascript">
  //this will reload the page.  Kinda a hack, will implement ajax table loading when I have more time.
   onload=function(){
  
negative.code: 
  
  <style>
  td.view_kata {
    background: url('<%= image_url('icons/icon_component.gif') %>') no-repeat center center;
    cursor: pointer;
  }
  td.markup {
    background: url('<%= image_url('icons/pencil.png') %>') no-repeat center center;
    cursor: pointer;
  }
  
  .ui-button{
  