Custom DefaultParametersForm.jsp not working

I am trying to use the option of Optional JSP Location present in JasperReports Server. I took a copy of DefaultParametersForm.jsp and changed the code to the below code.

<%--Include templates--%>

<jsp:include page="InputControlTemplates.jsp" />

<%-- input controls container --%>

<p id="demo"></p>

<ul class="list inputControls" id="inputControlsContainer"></ul>

<script type="text/javascript" language="JavaScript">

jQuery(document).ready(function(){ document.getElementById("demo").innerHTML = jQuery("#criteria").children("label").children("select").value;});

</script>

Here in this code criteria is an input control created of type Single Select List of Values. Basically on the basis of select value in the criteria parameter I want to hide some other parameters. But firsti just tried to print the value and When the parameter page is opened the paragraph with id demo is shown as undefined. Expected value to be 1.

Could anyone please help on this? Why the Select value is hown as undefined? Or what do i have to do get the value?