Javascript runs but reverts back after page refresh

$(document).ready(function () {
        // When you click on a button = when a challenge is over
        $("input").click(function () {

            // 1. You hide him and mark him as finished
            var $challenge_div = $(this).parent().parent();
            $challenge_div.data("finish", "true");
            $challenge_div.removeClass("show").addClass("hide");

            // 2. You display a challenge that is hide and not finish

            // 2.1. Select all the hide div
            var $challenge_list = $("div[class='hide']");

            // 2.2. Check if the hide div is already finish or not
            $.each($challenge_list, function () {
                var new_challenge = $(this);


                // 2.3. If you find a challenge hide and not finish : display it and stop the loop
                if (new_challenge.data("finish") == false) {
                    new_challenge.removeClass("hide").addClass("show");
                    return true;
                }
            });

            // 3. If after this you have nothing to show = all challenge are finished : I display a message
            if ($("div[class='show']").length == 0) {
                $("#message p").html("You finished all your challenges !");
            }

        });
    });

$cnt=0;
    while($dbRow=$dbQuery->fetch(PDO::FETCH_ASSOC)) {
    if($cnt < 3 ) 
    $class = "show"; 
    else 
    $class= 'hide';

                echo "<div id=".$dbRow["ID"]." data-finish='false' <div class=".$class."><h4>".$dbRow["Name"].
                <form method='POST'><input type='hidden' name='ID' value= '".$dbRow['']." '>
                <input type='submit' name=".$dbRow["ID"]." value='Complete' >id=".$dbRow["ID"].
                "</form></div>";
          $cnt++;