Print shipping and total costs to table
===

I'm using [simplecart.js][1] to build a small store on a website I created before. I have one problem. The whole shopping cart is displayed with only one line of code:

`<div class="simpleCart_items"></div>`

And the javascript prints the table, you can't see it in the source code. BUT, inspect element in chrome is a good friend of mine, and the table created will look something like this:

    <table>
        <tbody>
            <tr class="headerRow">
                <th class="item-name">Tuote</th>
                <th class="item-price">Hinta</th>
                <th class="item-decrement"></th>
                <th class="item-quantity">Määrä</th>
                <th class="item-increment"></th>
                <th class="item-total">Yhteensä</th>
                <th class="item-remove"></th>
            </tr>
            <tr class="itemRow row-0 odd" id="cartItem_SCI-3">
                <td class="item-name">Teipit (Valkoinen hiilikuitu)</td>
                <td class="item-price">€48.00</td>
                <td class="item-decrement">
                    <a href="javascript:;" class="simpleCart_decrement">-</a>
                </td>
                <td class="item-quantity">1</td>
                <td class="item-increment">
                    <a href="javascript:;" class="simpleCart_increment">+</a>
                </td>
                <td class="item-total">€48.00</td>
                <td class="item-remove">
                    <a href="javascript:;" class="simpleCart_remove">Poista</a>
                </td>
            </tr>
        </tbody>
    </table>

  And I want it to print something like this:

    <table>
        <tbody>
            <tr class="headerRow">
                <th class="item-name">Tuote</th>
                <th class="item-price">Hinta</th>
                <th class="item-decrement"></th>
                <th class="item-quantity">Määrä</th>
                <th class="item-increment"></th>
                <th class="item-total">Yhteensä</th>
                <th class="item-remove"></th>
            </tr>
            <tr class="itemRow row-0 odd" id="cartItem_SCI-3">
                <td class="item-name">Teipit (Valkoinen hiilikuitu)</td>
                <td class="item-price">€48.00</td>
                <td class="item-decrement">
                    <a href="javascript:;" class="simpleCart_decrement">-</a>
                </td>
                <td class="item-quantity">1</td>
                <td class="item-increment">
                    <a href="javascript:;" class="simpleCart_increment">+</a>
                </td>
                <td class="item-total">€48.00</td>
                <td class="item-remove">
                    <a href="javascript:;" class="simpleCart_remove">Poista</a>
                </td>
            </tr>
            <tr class="shippingtotal" id="shipping">
                <td class="item-name">Shipping</td>
                <td class="shipping-cost">€5.00</td>
                <td class="item-decrement">
                    <a href="javascript:;" class="simpleCart_decrement">-</a>
                </td>
                <td class="item-quantity">1</td>
                <td class="item-increment">
                    <a href="javascript:;" class="simpleCart_increment">+</a>
                </td>
                <td class="item-total">€48.00</td>
                <td class="item-remove">
                    <a href="javascript:;" class="simpleCart_remove">Poista</a>
                </td>
            </tr>
        </tbody>
    </table>

So, here's the simplecart.js itself:
[http://pastebin.com/j5VKGkV1][2]

I think that I should add something to this part of the code:

    // write out cart
                    writeCart: function (selector) {
                        var TABLE = settings.cartStyle.toLowerCase(),
                            isTable = TABLE === 'table',
                            TR = isTable ? "tr" : "div",
                            TH = isTable ? 'th' : 'div',
                            TD = isTable ? 'td' : 'div',
                            cart_container = simpleCart.$create(TABLE),
                            header_container = simpleCart.$create(TR).addClass('headerRow'),
                            container = simpleCart.$(selector),
                            column,
                            klass,
                            label,
                            x,
                            xlen;
    
                        container.html(' ').append(cart_container);
    
                        cart_container.append(header_container);
    
    
                        // create header
                        for (x = 0, xlen = settings.cartColumns.length; x < xlen; x += 1) {
                            column = cartColumn(settings.cartColumns[x]);
                            klass = "item-" + (column.attr || column.view || column.label || column.text || "cell") + " " + column.className;
                            label = column.label || "";
    
                            // append the header cell
                            header_container.append(
                            simpleCart.$create(TH).addClass(klass).html(label));
                        }
    
                        // cycle through the items
                        simpleCart.each(function (item, y) {
                            simpleCart.createCartRow(item, y, TR, TD, cart_container);
                        });
    
                        return cart_container;
                    },
    
                    // generate a cart row from an item
                    createCartRow: function (item, y, TR, TD, container) {
                        var row = simpleCart.$create(TR).addClass('itemRow row-' + y + " " + (y % 2 ? "even" : "odd")).attr('id', "cartItem_" + item.id()),
                            j,
                            jlen,
                            column,
                            klass,
                            content,
                            cell;
    
                        container.append(row);
    
                        // cycle through the columns to create each cell for the item
                        for (j = 0, jlen = settings.cartColumns.length; j < jlen; j += 1) {
                            column = cartColumn(settings.cartColumns[j]);
                            klass = "item-" + (column.attr || (isString(column.view) ? column.view : column.label || column.text || "cell")) + " " + column.className;
                            content = cartCellView(item, column);
                            cell = simpleCart.$create(TD).addClass(klass).html(content);
    
                            row.append(cell);
                        }
                        return row;
                    }
    
                });


But what? the shipping can be displayed with this:
`<span class="simpleCart_shipping"></span>` I've tried adding that after the cart, but it looks kind of silly. 
  [1]: http://simplecartjs.org
  [2]: http://pastebin.com/j5VKGkV1