jquery getting value from input

Question

This has me stumped, and should be pretty simple. I have an input in my html:

<input type="text" id="fafsaNbrFam" name="fafsaNbrFam" value="<%=nbrFam%>" class="hidden" />
System.out.println(nbrFam);   // Works, gives me "6"

Then my js code:

$("#submit").click(function(e) {                               
        var numEntries = 0;
        var fafsaNbr = 0;

        $("input[name^='name_']").each(function() {
          if (this.value) {
            numEntries++;
          }
        });

        // EVERYTHING ABOVE HERE WORKS

        fafsaNbr = $("input[name=fafsaNbrFam]").val();
        alert(fafsaNbr + "X");

        // WHERE THE 6 is I want to put the variable fafsaNbr, just hardcoded for now.

        if (6 > numEntries && !confirm("The number of members you listed in your household is less than the number you indicated on your FAFSA.  Please confirm or correct your household size. ")) {
          e.preventDefault();
        }
      });

On my alert to test this, I get "undefinedX", so basically my jquery to get the value is coming up undefined.

EDIT: So it turns out my code wasn't the problem, but the placement of my input. Even though the original input placement was being processed, once I changed it, it all worked properly. Needless to say, I am still stumped.

Answer 1

Your code is working fine,

I just added your code to jsFiddle and it works

Live EXAMPLE

Could you please make sure, the java scriplet is loading inside the value tag properly or not by checking the view source in browser?

Answer 2

You are missing the quotes around the name value. Try:

fafsaNbr = $("input[name='fafsaNbrFam']").val();

Answer 3

Try to parse the value of the input like this:

    fafsaNbr = parseInt($("input[name=fafsaNbrFam]").val());

Or Check whether the $("input[name=fafsaNbrFam]") is undefined or not.