Necesito poder agregar a una lista (es una tabla de clasificación, pero eso no es relevante) enviando un formulario y agregando a una lista ordenada usando jquery. Cuando presiono enviar, no sucede nada más que el botón que se presiona. ¿Dónde me estoy equivocando?

HTML:

 <main> <ol class="playerList"> <li>Profit - 12,565</li> <li>carpe - 11,423</li> <li>Fate - 11,003</li> <li>Fleta - 10,931</li> <li>Fury - 10,704</li> <li>Gesture - 10,601</li> <li>Choihyobin - 10,012</li> <li>MekO - 9,879</li> <li>Birdring - 9,850</li> <li>Mano - 9,766</li> </ol> </main> <footer> <form id="submissionForm"> <label id="nameLabel" for="pName"><u>Player name:</u></label> <input id="pName" type="text" placeholder="Enter player name..."> <label for="pElims"><u>Elimination Count:</u></label> <input id="pElims" type="text" placeholder="Enter elimination count..."> <input id="submitBtn" type="submit"> </form> </footer>

JQuery:

 $(document).ready(function() { $("#submissionForm").on('submit', function(event){ event.preventDefault(); error = false; $(".error").hide(); var playerName = $("#pName").var(); var elimCount = $("#pElim").var(); var newItem = (playerName + " - "+ elimCount); $('.playerList').append('<li>'+ newItem + '</li>'); return false; }); });