Can anyone please help me out.
This is by design. If you want to hide the control and still have its value updated, then create a rule: 1==1, Hide.
This will hide the control and still store the value. Hope it helps.
This will hide the control.
Is there special reason for Java script? This would be easier with css. Just use the ID and display: none.
See similar post here: Can you hide a Nintex form field, but still use it's value?
Retrieving data ...