AJAX movie rating snippet

movie.html

      AJAX version:
      <form action="HANDLED BY AJAX" id="rate-movie-form">
          <label>Rating:
              <input type="number" name="score" id="score">
          </label>
          <input type="submit" value="Rate">
      </form>

      <script>
        "use strict";

         function reportServerScore(result) {
          console.log(result);
          if (result.status == "error") {
            alert("ERROR! " + result.detail);
          } else {
            $("#current-rating").html(result.score);
          }
        }

        function sendScore(evt) {
          evt.preventDefault();

          var score = $("#score").val();
          $.post("/movies/ajax/{{ movie.movie_id }}", 
                {"score": score}, 
                reportServerScore);
        }

        $("#rate-movie-form").on("submit", sendScore);

      </script>