How do you store the visibility of a form into a variable in jquery ?

Question

how do we check whether a input box is visible or not....then store its state into variable to be outpu via alert ?

right now i'm using and i think it wrong. can any body help ?

<input type="hello" name="hello" value="" style="visibility:hidden"/>

function testhideinput(){
            var $input_state = $('input:text[name=hello]').is('visibility');
alert($input_state);
}

Answer 1

var inputState = $('input:text[name=hello]').css('visibility');

if(inputState == "hidden") {
    // do stuff
}
else {
    // do some other stuff
}

Answer 2

Try it like this.

var $input_state = $('input:text[name=hello]').is(':visible');

That's how it works in my code for a div.