Form is not hitting controller when I function is meeting the condition on click

[Jack Tauson]

I have the following code for a form and javascript in a JSP. The problem I'm facing is as follows:

When I hit the save button, and if if(speciesid === 2){ condition is satisfied and I hit the "SAVE" button from the jquery dialog, it's not hitting the controller. However, whenever the if(speciesid === 2){
condition is not satisfied, it works fine and hits my controller.  I have some suspicion about this line "      document.getElementById("orderForm").submit();". Can anyone see any issue in my code?Other form fields have been omitted to avoid large code content

<form:form method="POST" modelAttribute="orderForm"
	onsubmit="return validateOrderForm(this)">
	<form:errors path="*" cssClass="errorblock" element="div" />

	
	<form:hidden path="choiceBstatus" />
    <c:if test="${Species.speciesID == 2}">
	<div id="checklist_dialog" title="New Entry">
	  <form>
		<p>
		  Name:
		  <input type="text" name="name" />
		</p>
		<p>Group:
		  
		</p>
	  </form>
	</div>
</c:if>

	<table class="noPrint">
	<tr>
		<td align="center">
<input onclick="formSaveButton()" class="button" type="submit"
			name="save" value="Save" /> - <input class="button" type="submit"
			name="cancel" value="Cancel" onclick="bCancel = true;" /></td>
	</tr>
</table>


</form:form>
<script type="text/javascript">
$('#checklist_dialog').hide();

    function formSaveButton(){
    	
    	   	
         
    	getSpeciesID('<c:out value="${Species.speciesID}"/>');
    	
    	getChoiceBStatus('<c:out value="${orderForm.choiceBstatus}"/>');
    	
    	    	
    	
    }
    
    function getSpeciesID(speciesid){
		console.log("Species ID");
		console.log(speciesid);
		
		if(speciesid === 2){
			var selectedVal = "";
	    	var selected = $("input[type='radio'][name='sampleChoice']:checked");
	    	if (selected.length > 0) {
	    	    selectedVal = selected.val();
	    	    console.log(selectedVal);
	    	}
	    	
	    	$('#checklist_dialog').dialog({
	    		  modal: true,
	    		  overlay: {
	    		    opacity: 0.7,
	    		    background: "black"
	    		  },


	    		  buttons: {
	    		    "SAVE": function() {
	    		      $(this).dialog('close');
	    		      $("#choiceBstatus").val("true");
	    		      document.getElementById("orderForm").submit();

	    		    },
	    		    "CANCEL": function() {
	    		      $(this).dialog('close');
	    		      alert("You must complete / save the checklist before saving your form!");
	    		      $("#choiceBstatus").val("false");
	    		    }

	    		  }


	    		});

		}
	}
    
    function getChoiceBStatus(status){
		console.log("Choice B Status");
		console.log(status);
	}
    
    
    

</script>