<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="style.css" />
    <script data-require="jquery" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.rawgit.com/igorescobar/jQuery-Mask-Plugin/master/jquery.mask.min.js"></script>
    <script type="text/javascript" src="https://cdn.rawgit.com/hazzik/livequery/master/dist/jquery.livequery.min.js"></script>
  </head>

  <body>
    <form action="#">
      <input type="text" name="field-name" data-mask="00/00/0000" data-mask-maxlength="false" />
    </form>
  <script>
    $().ready(function() {
      $('input').livequery(function() { 
        $(this).mask('00/00/0000');
      })
      $('input').after('<input />')
    })
  </script>
  </body>
</html>
// Add your javascript here
function checkBoxes()
{
  var Objects = $('input[type="checkbox"]');
 
  Objects.each(function(index) {
    if($(this).prop( "checked")){
      $(this).prop( "checked",false);
    }
    else{
      $(this).prop( "checked",true);
    }
  });
}
/* Put your css in here */

h1 {
  color: red;
}