jquery - Jquery .click 表示/非表示

Question

こんにちは、フォームを非表示にして、送信ボタンをクリックするとメッセージが表示されるようにしようとしています。私は多くのことを試しました。これは document.ready 関数にありましたが、修正されたよりも多くのエラーが発生したようです。これが現在のコードの状態です。

                    <form class="contact">
                    <p class="contact-name">
                        <label class="contact-author">Name*</label>
                        <input class="input-name" type="text" name="name" placeholder="Your name"><br>
                    </p>
                    <p class="contact-email">
                        <label class="contact-author">Email*</label>
                        <input class="input-email" type="email" name="email" placeholder="Email Address"><br>
                    </p>
                    <p class="contact-msg">
                        <label class="contact-author">Message*</label>
                        <textarea class="input-msg" type="text" name="comments" maxlength="1000" placeholder="Enter your message"></textarea><br>
                    </p>
                    <p class="contact-send">
                        <input class="input-send" id="send" type="submit" value="Send" name="submit">
                    </p>
                </form>
                        <div id="send-msg" style="visibility:hidden;">
                            <p>Thanks your message has been sent!</p>
                        </div>


$('#send').click(function() {
$('.contact').hide();
$('#send-msg').show();
)};

JSFiddle - http://jsfiddle.net/rvfhu/