anchor.diff:                statistics.reset();
                 game.restart();
             };
  +          self.showHowToPlay = function () {
  +              $('#how-to-play-dialog').dialog('open');
  +          };
         }
   
  +      // initializes the "How to Play" dialog
  +      $('#how-to-play-dialog').dialog({
  +          modal:    true,
  +          autoOpen: false
  +      });
  +
  +      // initializes the view model
         ko.applyBindings(new ViewModel());
     });
   </script>
  
positive.code: <%= javascript_include_tag 'mikan.js' %>
  
  <script type="text/javascript">
    $(function () {
  
negative.code: </div>
  <div style="clear: both">
    <button data-bind="click: restart">Restart</button>
    <a href="#" data-bind="click: showHowToPlay" style="margin-left: 2em">How to Play</a>
  </div>
  <!-- How to Play dialog -->
  <div id="how-to-play-dialog" title="How to Play">
    <h4>Touch Enabled Devices</h4>
    <table>
      <tr><td>Left Swipe</td><td>Move Left</td></tr>
      <tr><td>Right Swipe</td><td>Move Right</td></tr>
      <tr><td>Down Swipe</td><td>Move Clockwise</td></tr>
      <tr><td>Up Swipe</td><td>Rotate Counterclockwise</td></tr>
      <tr><td>Tap</td><td>Drop Quickly</td></tr>
    </table>
    <h4>Other PCs</h4>
    <table>
      <tr><td>Left Arrow</td><td>Move Left</td></tr>
      <tr><td>Right Arrow</td><td>Move Right</td></tr>
      <tr><td>Down Arrow</td><td>Move Clockwise</td></tr>
      <tr><td>Up Arrow</td><td>Rotate Counterclockwise</td></tr>
      <tr><td>Spacebar</td><td>Drop Quickly</td></tr>
    </table>
  </div>
  