Cambiar estado de checkbox

<!DOCTYPE html>
<html>

  <head>
    <script data-require="jquery@2.2.4" data-semver="2.2.4" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <h1>Cambiar estado de checkbox</h1>
    <input type="checkbox" id="mi_caja" />
    <button id="btnMarcar">Marcar</button>
    <button id="btnDesmarcar">Desmarcar</button>
  </body>

</html>

$(function() {
  //Escuchar al botón, esto no tiene nada que ver con el valor del checkbox
  $("#btnMarcar").click(function() {
    $('#mi_caja').prop("checked", true);
  });
  $("#btnDesmarcar").click(function() {
    $('#mi_caja').prop("checked", false);
  });
});

/* Styles go here */