jquery fancybox - inline content not updating...

jquery fancybox - inline content not updating...

I am trying to incorporate the jquery fancybox functionality into a shopping cart (for this example I am using the jquery simplecart).

I have a button which opens up a fancybox window with the cart contents in it. From here you are able to remove items etc... trouble is, although the buttons are working and items are being removed, the values within the fancybox popup do not update.

Any ideas how to fix this... code attached.

Thanks
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test</title>
<style type="text/css">
        .itemContainer{
                width:100%;
                float:left;
                font-size:10px;
        }
       
        .itemContainer div{
                float:left;
                margin: 5px 10px 5px 10px ;
                width:45px;
        }
       
        .itemContainer div.itemdecrement {
                width:5px;
                margin-right:0px;
        }
       
        .itemContainer div.itemincrement {
                width:5px;
                margin-left:0px;
        }
       
        .itemContainer div.itemQuantity {
                width:10px;
                margin-right:5px;
        }
       
        .itemContainer a{
                text-decoration:none;
        }
       
        .cartHeaders{
                width:100%;
                float:left;
                font-size:10px;
        }
       
        .cartHeaders div{
                float:left;
                margin: 5px 10px 5px 10px;
                width:45px;
        }
       
        .cartheaders div.itemdecrement {
                width:5px;
                visibility:hidden;
                margin-right:0px;
        }
       
        .cartheaders div.itemincrement {
                width:5px;
                visibility:hidden;
                margin-left:0px;
        }
       
        .cartheaders div.itemRemove {
                visibility:hidden;
        }
       
        .cartheaders div.itemQuantity {
                margin-left:-5px;
                margin-right:20px;
                width:10px;
        }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.fancybox/jquery.fancybox-1.2.6.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.fancybox/jquery.fancybox-1.2.6.css" media="screen" />
<script type="text/javascript">
                $(document).ready(function() {
                $("a.popup").fancybox({
                        'hideOnContentClick': false
                });
                });
               
        </script>
   
<script type="text/javascript" src="simpleCart.js"></script>
<script type="text/javascript">
        simpleCart.email = "email@email.com";
        simpleCart.checkoutTo = PayPal;
        simpleCart.currency = GBP;
        simpleCart.taxRate  = 0.00;
        simpleCart.shippingQuantityRate = 0.10;
       
        simpleCart.cartHeaders = ["Name", "Type", "Code", "Price" ,"decrement" , "Quantity", "increment", "Total" ];
</script>
</head>
<body>
<div id="basket"><div class="simpleCart_items" ></div></div>
<p>
SubTotal: <span class="simpleCart_total"></span> <em>(items: <span class="simpleCart_quantity"></span>)</em> <br />
Shipping: <span class="simpleCart_shippingCost"></span> <br />
Final Total: <span class="simpleCart_finalTotal"></span> <br/>
<input type="button" class="simpleCart_checkout" value="Checkout &raquo;"/> <a class="popup" href="#basket">View basket &raquo;</a>
</p> 
<ul>   
    <li class="simpleCart_shelfItem">
        <h2 class="item_name">Test Item</h2>
        <input type="hidden" class="item_type" value="Type 1" />
        <p>Item# - 00001<input type="hidden" class="item_code" value="00001" /></p>
        <p>Size: 14mm<input type="hidden" class="item_size" value="14mm" /></p>
        <h4>&pound;<span class="item_price">187.95</span></h4>
        <p><input type="text" class="item_quantity" value="1" size="3" /></p>
                <p><input type="button" class="item_add" value="add to basket &raquo;" /></p>
        <input type="hidden" class="item_shipping" value="5.43" />     
    </li>
</ul>   
</body>
</html>