Использование jQuery .appendTo () в форматировании FF

Question

Я делаю простую корзину для своего сайта. На странице описания товара, после нажатия кнопки «Добавить в корзину», товар появляется внизу списка товаров в вашей корзине. Он отлично работает в Chrome и IE9, но Firefox (в данном случае v6) нарушает хорошее форматирование. Приложение позволяет отображать всю информацию, но в Firefox все элементы в корзине (которые находятся в таблице HTML) теряют свое форматирование. Текст и рисунки в таблице перемещаются (для всех элементов. Не только для нового).

 $.post(
        'handlers/addToCart.php',
        {cartItem:"<?php echo $itemID; ?>"},
        function(data){             
            if(data.num > 0){$('#empty').hide();}
            //append new to item to bottom to cart
            $(data.insert).hide().appendTo('#contents').show(1200);
        },
        "json"
        );

это HTML-код, который отображается для добавления в таблицу:

       <tr>
            <td>
            </td>
            <td>
                <a href=\"http://www.mysite.com/spotlight.php?itemNo=$cID\">
                    <img src=\"$cthumb\" width=\"40\" height=\"35\" />
                </a>
            </td>
            <td>
                <a href=\"http://www.mysite.com/spotlight.php?itemNo=$cID\">$cname</a>
            </td>
        </tr>
        <tr>
                <td>
                    <img src=\"img/delete_x.gif\" width=\"20\" height=\"20\" id=\"$cID\" alt=\"$cfname\" class=\"delx\" onclick=\"delCartItem(id,alt)\" />
                </td>
                <td colspan=\"2\" class=\"cartPrice\">
                    \$$cprice
                </td>
        </tr>
        <tr><td colspan=\"3\"><hr /></td></tr>

и это корзина, в которой уже есть 1 товар:

<table id="contents">
    <tr><td colspan="3"><hr /></td></tr>
    <tr>
        <td>
        </td>
        <td>
            <a href="http://www.mysite.com/spotlight.php?itemNo=981">
                <img src="thumb/pro.png" width="40" height="35" />
            </a>
        </td>
        <td>
            <a href="http://www.mysite.com/spotlight.php?itemNo=981">Product ABC</a>
        </td>
    </tr>
    <tr>
            <td>
                <img src="img/delete_x.gif" width="20" height="20" id="981" alt="ABC" class="delx" onclick="delCartItem(id,alt)" />
            </td>
            <td colspan="2" class="cartPrice">
                $40.00
            </td>

    </tr>
    <tr><td colspan="3"><hr /></td></tr>
</table>

Answer 1

Попробуйте $ ('# contents'). Append (data.insert)