jQuery弹跳不弹跳

Question

我只需要输入此div即可退回。它会带来信息，但不会反弹。

我的图书馆：

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>    
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

的jQuery

$(function() {
    $('#reset_form').click(function() {
         $('#name,#comment,#avatar').val('');
    });
    $('#submit').click(function() {
        var name = $('#name').val();
        var comment = $('#comment').val();
        var avatar = $('input[type="radio"]:checked').val();
        var xSeconds = 5000; // 5 second

        setTimeout(function() {
            $('.alert').fadeOut('slow');
        }, xSeconds);

        $.ajax({
            url: '../forms/comment_ajax.php?id=<?php echo $_GET['id']; ?>',
            data: { form_name: name, form_comment: comment, form_avatar: avatar },
            success: function(data) {

                $('#new_comment').append(data);
                $('#new_comment').effect("bounce", { direction:'down', times:5 }, 300);        
                return true;
            }
        });
    });                   
});

div将加载信息的位置：

<div id="new_comment"></div>

当我点击submit时，所有内容都会引入div，当div进来时，它不会反弹。有任何想法吗？

形式：

<strong>Name:</strong><br />
<input type="text" id="name" class="userpass" maxlength="15"/><br /><br />


<strong>Comment:</strong> <br />
<textarea id="comment" rows="6" cols="75"></textarea><br /><br />

<input type="submit" id="submit" value="Comment" class="button" />
<input type="reset" id="reset_form" name="submit" value="Reset" class="button" />