我有一个非常简单的jQuery函数，用来切换div的可见性：

jQuery( ".signUp" ).click(function() {
    $(\'.signUpForm\').toggle();
});

HTML是一种简单的注册表单（为简洁起见，省略了隐藏字段）：

<p><a class="signUp" href="#">Sign Up!</a></p>
<div class="signUpForm">
    <h3 class="title">Join our email list!</h3>
        <form action="<url goes here>" method="POST">
        <label for="email">Email:</label><input type="text" id="email" name="Email"/></br><br />
        <input type="Submit" value="Submit" /><br />
    </form>
</div>

脚本似乎已正确排队，但在WP页面上无法正常工作。它在JSFiddle上运行得很好(http://jsfiddle.net/danromanchik/6taton4p/).

知道我做错了什么吗？

谢谢

(function($) {
    $(\'.signUp\').click(function() {
        $(\'.signUpForm\').toggle();
    });
})(jQuery);