使用 jQuery 检查 div 是否隐藏

这是我的div

<div id="car2" style="display:none;"></div>

然后我有一个显示按钮，当您单击时将显示 div：

$("show").click(function() {
    $("$car2").show();
}); 

所以现在我想检查 div 是否#car2在表单提交之前仍然隐藏：

if($('#car2').is(':hidden')) {
    alert('car 2 is hidden');
}

现在问题来了。虽然div#car2已经显示，我仍然收到警报消息，这意味着 jQuery 假定 div#car2仍然隐藏。

我的 jQuery 版本是 1.7。

Thanks.

EDIT:

正如贾斯珀所说，我的代码是正确的，可以通过这个运行demo http://jsfiddle.net/YjP4K/2/.

我怀疑有一些冲突jQuery 表单向导插件 http://www.jankoatwarpspeed.com/post/2009/09/28/webform-wizard-jquery.aspx我正在与我的表单一起使用。有人有办法解决这个问题吗？

你可以检查CSSdisplay财产：

if ($('#car').css('display') == 'none') {
    alert('Car 2 is hidden');
}

这是一个演示：http://jsfiddle.net/YjP4K/ http://jsfiddle.net/YjP4K/