Input Reload Issue

HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>NFA Security Log</title>
    <link href="log.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="print.css" rel="stylesheet" type="text/css" media="print" />
    <script src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/teamEditTest.js"></script>
  </head>

  <body>
    <div id="container">
      <p id="title">NFA Security Log<br></p>
      <p id="address">STREET ADDRESS<br>CITY, STATE, ZIP</p>
      <a href="securityLog.html" id="returnToLog">Return to Security Log</a>
      <div id="checklist">
      </div>
      <p>&nbsp;</p>
      <span class="button" id="submit">Submit</span>
      <br><p id="hideThis">Use this page to edit members and positions of the team, or manage user accounts from the Admin Panel below.</p>
      <div id="admin">
        <p class="subTitle">Admin Panel</p><br>
        <p class="adminLink" id="manageUsers">Manage Users</p>
        <p class="adminLink" id="logStorage">Show Local Storage</p>
        <p class="adminLink" id="clearStorage">Clear Local Storage</p>
        <p class="adminLink" id="signOut">Sign Out</p>
      </div>
      <p>&nbsp;</p>
      <div id="teamDetails">
        <p class="subTitle">Assigned Security Team Members</p>
        <form id="memberNames">
        </form>
        <p>&nbsp;</p>
        <span id="addNewMember">+1 Member</span>
<!---        <span id="minusNewMember">-1 Member</span> --->
        <p>&nbsp;</p>
        <label>Min. Members:</label>
        <input type="number" id="minNumInput"><br>
        <label>Max. Members:</label>
        <input type="number" id="maxNumInput">
        <br>
      </div>
      <p>&nbsp;</p>
      <div id="nurseTeam">
        <p class="subTitle">Nurses</p>
        <form id="nurses">
        </form>
        <p>&nbsp;</p>
        <span id="addNewNrs">+1 Nurse</span>
<!---       ...

CSS

/*General CSS*/
body {
  background-color: rgb(210,210,210);
  font-family: Trebuchet MS, Arial, sans-serif;
  text-align: center;
  }
#container {
  background-color: white;
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 7%;
  margin-right: 7%;
  padding: 1%;
  border-radius: 1em;
  box-shadow: 15px 15px 20px rgba(0,0,0,0.3);
  min-width: 806px;
  }

/*Security Log*/
#title {
  text-align: center;
  font-size: 28pt;
  font-weight: bold;
  margin-bottom: 0.25em;
  }
#address {
  margin-top: 0;
  margin-bottom: 5%;
  }
.subTitle {
  margin-top: 1%;
  margin-bottom: 0%;
  font-size: 22pt;
  }
#servDetails, #teamDetails, #nurseDetails, #checklist, #admin, #logMembers, #logNurses, #logPositions, #editUsers, #nurseTeam {
  margin-top: 2%;
  margin-left: 15%;
  margin-right: 15%;
  background-color: rgb(200,200,220);
  border-style: solid;
  border-width: 0.1em;
  border-color: black;
  border-radius: 1em;
  padding: 1%;
  }
#checklist {
  margin-bottom: 3%;
  }
#servDetails form, #teamDetails form, #nurseDetails form, #checklist form, #admin form, #fadeBox form, #nurseTeam form {
  margin-top: 3%;
  }
#servDetails label, #teamDetails label, #nurseDetails label, #checklist label, #admin label, #fadeBox label, #nurseTeam label {
  margin-left: 2%;
  font-weight: bold;
  }
#servDetails input, #teamDetails input, #nurseDetails input, #checklist input, #admin input, #nurseTeam input {
  margin-top: 2%;
  padding: 3px;
  }
#teamDetails select, #nurseDetails select, #nurseTeam select {
  margin-top: 1%;
  }
#nurseDetails select[kind] {
  width: 10%;
  }
select[pgr] {
  width: 5%;
  }
#addMember, #minusMember, #addUser, #minusUser, #addNewNrs, #addNurse, #minusNurse {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
  }
#addMember:hover, #minusMember:hover, #addUser:hover, #minusUser:hover, #addNewNrs:hover, #addNurse:hover, #minusNurse:hover {
  color: rgb(120,120,120);
  }
#addMember:active, #minusMember:active, #addUser:active,...

JavaScript

function main() {

// Sets Edit Page Variables
  var memList = new Array();
  var memNumList = new Array();
  var nurseList = new Array();
  var posList = new Array();
  var tempList = "emptynow";
  var tempArray = "emptynow";
  var minNum = 4;
  var maxNum = 9;
  var maxPagers = 5;

  if (localStorage.getItem("membersEdited") != null) {
    tempList = JSON.parse(localStorage.getItem("membersEdited")) + "";
    tempArray = tempList.split(" - ") + "";
    tempArray = tempArray.split(",");

    var z = 0;
    while (z < tempArray.length) {
      if (z % 2 === 0) {
        memNumList.push(tempArray[z]);
        z++;
        }
      else {
        memList.push(tempArray[z]);
        z++;
        }
      }
    }
  else {
    }

  if (localStorage.getItem("nurses") != null) {
    nurseList = JSON.parse(localStorage.getItem("nurses"));
    }
  else {
    }

  if (localStorage.getItem("positionsEdited") != null) {
    posList = JSON.parse(localStorage.getItem("positionsEdited"));
    }
  else {
    }

  if (localStorage.getItem("minNum") != null) {
    minNum = localStorage.getItem("minNum");
    }
  else {
    }

  if (localStorage.getItem("maxNum") != null) {
    maxNum = localStorage.getItem("maxNum");
    }
  else {
    }

  if (localStorage.getItem("maxPagers") != null) {
    maxPagers = localStorage.getItem("maxPagers");
    }
  else {
    }


// Sets Up Edit Page
  if (memList.length == 0) {
    $("#memberNames").append('<span mn="0"><label>Member #: </label><select class="idNum" num="0"></select><label>Member Name: </label><span class="idName" num="0"><input type="text" name="memberName"></span><br></span>');
    $('.idNum[num="0"]').append('<option value="none">---</option>');

    for (var i = 200; i <= 299; i++) {
      $('.idNum[num="0"]').append('<option value="' + i + '">' + i + '</option>');
      }
    }
  else {
    var c = 0;

    while (c < memList.length) {
      $("#memberNames").append('<span mn="' + c + '"><label>Member #: </label><select...