anchor.diff:              </div>
           </div>
       </div><!-- row#1 -->
  +    </form>
   </div> <!-- container -->
   <!-- Include all compiled plugins (below), or include individual files as needed -->
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
  
positive.code:             </a>    
              <div class="side-menu">
              <ul>
                  <li>
                      <form method="post">
                          <button formaction="createGame" type="submit">Create Game</button>
  			         </form>
                  </li>
                  <li><a class="description" href="#">Join Game</a></li>
                  <li><a class="description" href="#">Delete Game</a></li>
                  <li><a class="play-game" href="#" >Log out</a></li>
              </ul>
  
negative.code:         display: none;
      }
  </style>
  <script>
  $(document).ready(function(){
      /**
      $("#side-menu-form").submit(function(event){
          console.log(event);
          
      });
  */
      $(".join-button").click(function(event){
          var selectedRow=$("tr.selected");
          if(selectedRow.length === 0 ){
              event.preventDefault();
              return;
          }
          var parentElements=selectedRow.parents("div.games-table");
          if(parentElements[0].id === "your-games-table") {
              $(".join-button").attr("formaction","enterGame");
          } else if (parentElements[0].id === "other-games-table") {
              $(".join-button").attr("formaction","joinGame");
          } else {
              event.preventDefault();
          }
      });
  });    
  </script>
  </head>
  <body>
  <div class="container-fluid full-height">
      <form id="side-menu-form" method="post">
      <div class="row full-height">
          <div class="sidebar-left col-sm-2 hidden-sm hidden-xs">
              <a id="chess-icon" href="https://openclipart.org/detail/18661/-by--18661">
  