<form class="form" id="signup" method="post" action="/assassin" enctype="multipart/form-data">
      <label>First and Last Name</label>
      <input type="text" name="name" required />

      <label>Email</label>
      <input type="email" name="email" required />

      <label>Year</label>
      <input type="number" name="year" required />

      <label>Photo</label><small>Please use a real photo of yourself.  Players who do not upload a real photo will be deleted before the games starts</small>
      <input type="file" name="file" required />

      <div class="checkbox">
        <label>
          <input type="checkbox" required />
          By checking this box, you agree that you have read the rules and will follow them at all times.</label>
      </div>

      <input type="submit" value="Enlist">
    </form>

<!-- MORE CODE HERE THATS NOT RELEVANT -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="/javascripts/jquery.form.js"></script>
<script>
  $(document).ready(function(){
    $("#message").hide();

    $("#signup").ajaxForm({
      beforeSubmit: function(){
        $("#signup").fadeOut();
      },
      success: function(data){
        $("#message").fadeIn();
      }
    });
  });
</script>