So basically I have an array of objects with properties. Now the array is 102 elements long from a particular dataset that I am testing with. #'s 4 and 6 in the array come through fine but 5 has an issue. I have checked this site and many others and I've found one instance of the exact issue, their solution to use property notation did not work.
When I check questionList[5]['id'] it returns "undefined", same with questionList[5].id. I don't understand why. Here is the object that is the problem:
questionList[5]: Object
id: "questionPage-6"
attached: ""
options: Array[4]
required: true
text: "How often do all of your active members meet?"
type: "dropdown"
value: ""
Whereas this question right after it:
questionList[6]: Object
attached: ""
id: "questionPage-7"
required: true
text: "How are these meeting successful and how could they be improved?"
type: " textarea"
value: ""
When I do questionList[6]['id'] I get "questionPage-7".
Because 5's id is undefined I can't create the tabs in jQuery UI that I'm trying to create, I get bad fragment identifiers because the div id that uses the id is set as #undefined.