AJAX Libraries - Continuous Forms

[eluser]Kyle Johnson[/eluser]
There must be a better way to animate the loading of each new .item class.

Code:

$(document).ready(function(){
        $('#order_form').bind('submit', function(event){
            event.preventDefault();
            if($('#item_list').length == 0)
            {
                $('#items').append("<ul id='item_list'></ul>");
            }
            var countItemList = $('.item').length;
            var newItemList = "<li class='item' id='item_"+countItemList+"'><ul>"
                                + "<li>Model: "
                                + $('#model').val()
                                + "&lt;input type='hidden' name='model[]' value='"
                                + $('#model').val()
                                + "' /&gt;&lt;/li>"
                                + "<li>Qty: "
                                + $('#qty').val()
                                + "&lt;input type='hidden' name='qty[]' value='"
                                + $('#qty').val()
                                + "' /&gt;&lt;/li>"
                                + "<li>Serial #: "
                                + $('#serial').val()
                                + "&lt;input type='hidden' name='serial[]' value='"
                                + $('#serial').val()
                                + "' /&gt;&lt;/li>"
                                + "<li>Asset #: "
                                + $('#asset').val()
                                + "&lt;input type='hidden' name='asset[]' value='"
                                + $('#asset').val()
                                + "' /&gt;&lt;/li>"
                                + "<li>Descripition: "
                                + $('#desc').val()
                                + "&lt;input type='hidden' name='desc[]' value='"
                                + $('#desc').val()
                                + "' /&gt;&lt;/li>"
                                + "<li class='remove'>remove this item</li></ul></li>"
            $('#item_list').append(newItemList);
            $('#item_' + countItemList).hide();
            $('#item_' + countItemList).fadeIn("medium");
            
            $("#order_form #serial, #order_form #asset, #order_form #desc").val('');
            $("#order_form #qty").val('1');
            
        });
        

        $('.remove').live('click', function(){
        $(this).parents('.item').hide('slow', function(){
            $(this).remove();
        });
        });

        $('#submit_order').bind('click', function(event){
            event.preventDefault();
            $('#order_form').unbind();
            $('#order_form').submit();
        });
    });

Any suggestions?