Make basket update automatically

We have a custom cart dropdown on our WooCommerce site and now need this to update when a user clicks adds to cart or removes and item, without having to refresh the page. Here is the code; <div id="the_cart"> <?php $woocommerce = WC(); $cart_contents_count = $woocommerce->cart->get_cart_contents_count(); ?> <?php echo $cart_contents_count.' '._n(__('item', 'woocommerce-ddc'), __('items', 'woocommerce-dc'), $cart_contents_count) ?> - <?php echo $woocommerce->cart->get_cart_subtotal(); ?> <br> <div id="basket">My Basket</div> <div id="cart_drop"> <div id="close"></div> <?php woocommerce_mini_cart(); ?> </div> </div>