مشکل refresh شدن صفحه به محض کلیک بر روی لینک

به نام خدا و سلام
میخوام با جی کوئری وقتی روی یک لینک کلیک شد ، یک div نمایش داده بشه .این div پیشفرض هم مخفی است
و وقتی از دوباره کلیک شده محو بشه .

مثل لینک گذاشتن کامنت در بعضی سایت ها . که فرم کامنت گذاری نمایش داده میشه .

اما مشکل اینجاست که وقتی روی لینک کلیک میکنم ، صفحه رفرش میشه و این فرم یک لحظه کوچیک نمایش داده میشه و باز محو میشه . میخوام همین طوری بمونه و محو نشه .

برای حل این مشکل چکار کنم .؟

$(document).ready(function () {

    $("#commentLink").click(function () {

        $("#comment").css("display", "inline");

    });

});

کد HTML:

---

<a href="" id="commentLink">نظرات</a>
<%--<a href="" id="showPage">نمایش کامنت  ها</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="" id="hidePage">مخفی کردن کامنت ها</a>--%>
</div>

<div id="comment" align="center" style="display:none; width:600px; height:400px;">

  <div id="test" style="width: 600px; height: 100px; background-color: #999966;">
   

---

     $(document).ready(function () {

            $("#commentLink").click(function ($e) {

                $e.preventDefault();

                $("#comment").css("display", "inline");

            });

        });