Cannot get input val() when inside element with css display:none
I am submitting a form with ajax and have a one input field inside div with css display:none for catching spambots but for some reason I can't get the value of the input inside an container with display:none ???
$("#submit_btn").click(function(e) {
e.preventDefault();
//get input field values
var dummy_field = $('input[name=dummy]').val();
var user_name = $('input[name=name]').val();
var user_email = $('input[name=email]').val();
var user_phone = $('input[name=phone]').val();
var user_message = $('textarea[name=message]').val();
e.preventDefault();
//get input field values
var dummy_field = $('input[name=dummy]').val();
var user_name = $('input[name=name]').val();
var user_email = $('input[name=email]').val();
var user_phone = $('input[name=phone]').val();
var user_message = $('textarea[name=message]').val();