Jquery trying to hide a form
<p>On page load, i have two div blocks "replyComment" and "tobereplaced"</p>

<pre><code>&lt;div id="replyComment"&gt;        
&lt;form id="myForm" name="myForm" method="post" action="reply.php" &gt;
    &lt;textarea name="suggestions" rows="5" cols="60" style="resize:none" onfocus="this.value=''"&gt;Enter your reply here&lt;/textarea&gt;
    &lt;input type="hidden" name="hidden"&gt;
&lt;input type="hidden" name="hidden2" &gt;  
    &lt;a href="blog.php?page=hm"&gt;&lt;img src="html_images/cancel.png" onmouseover="src='html_images/cancelhover.png'" onmouseout="src='html_images/cancel.png'" alt="Cancel"/&gt;&lt;/a&gt;
    &lt;input type="image" name="Post"  value="Reply" alt="Reply" src="html_images/reply.png" onmouseover="src='html_images/replyhover.png'" onmouseout="src='html_images/reply.png'"/&gt;
&lt;/form&gt;
    &lt;/div&gt;
      &lt;div name="tobereplaced"&gt;
            &lt;img src="html_images/reply.png"  class="ajax-func" onmouseover="src='html_images/replyhover.png'" onmouseout="src='html_images/reply.png'" /&gt;
      &lt;/div&gt;
</code></pre>

<p>and i am trying to hide the replyComment div on load and toggle it to show on click of tobereplaced with the following jquery.</p>

<pre><code>    $(document).ready(function () {
       $(".replyComment").hide();
       $(".ajax-func").click(function(evt) {
            $(this).prevAll(".replyComment:first").slideToggle("fast");
            $(this).toggleClass("active");
            return false;
                                            });
       });
</code></pre>

<p>but the replyComment is not hidden on page load nor does it toggle..i am new to jquery, any help will be appreciated..</p>
