jQuery - set cart value to 0 in two locations
===

I'm working on a shopping cart with some advanced jQuery functionality. I've got everything working except for the remove item from cart button hat appears next to the item in the cart. I'm having a hard time figuring out how to target the two values on the page that need to change back to 0.

I've made a jsfiddle: http://jsfiddle.net/richcoy/GpUWn/

If you press an up button to add an item to the cart you will see it appear in the cart. Next to the item is an X button to remove it from the cart. When that button is clicked it needs to set both the value in the cart and the value next to the up button back to zero and also hide the items div in the cart. You can remove an item from the cart by pressing the down button next to the item you added and I've tried modifying that code for the close button but I've hit a wall. 

I know the close.click function at the end of the JS fires but can't figure out what goes into it to zero out the two values and close the item's div in the cart.

**HTML**

    <div id="body_container">
    
    <div id="product_container">
        <div id="product_item" class="product_box">
            <div class="item_name">Item One</div>   
            <div class="product">0</div>
            <button class="up category_one_up">Up</button>
            <button class="down category_one_down">Down</button>
        </div>

        <div id="product_item" class="product_box">
            <div class="item_name">Item Two</div>   
            <div class="product">0</div>
            <button class="up category_one_up">Up</button>
            <button class="down category_one_down">Down</button>
        </div>

        <div id="product_item" class="product_box">
            <div class="item_name">Item Three</div>    
            <div class="product">0</div>
            <button class="up category_one_up">Up</button>
            <button class="down category_one_down">Down</button>
        </div>

        <div id="product_item" class="product_box">
            <div class="item_name">Item Four</div>
            <div class="product">0</div>
            <button class="up category_two_up">Up</button>
            <button class="down category_two_down">Down</button>
        </div>

        <div id="product_item" class="product_box">
            <div class="item_name">Item Five</div>       
            <div class="product">0</div>
            <button class="up category_three_up">Up</button>
            <button class="down category_three_down">Down</button>
        </div>
    </div>

    <div id="cart_container">
        <h3>Shopping Cart</h3>
        <div class="catone_header"><h3>Category One</h3></div>
            <div id="cart_item" class="cart_product">
                <div class="item_name">Item One</div>
                <input type="text" class="cart_product_number" value="0" />
                <button class="close">X</button>
            </div>
            <div id="cart_item" class="cart_product">
                <div class="item_name">Item Two</div>
                <input type="text" class="cart_product_number" value="0" />
                <button class="close">X</button>
            </div>
            <div id="cart_item" class="cart_product">
                <div class="item_name">Item Three</div>
                <input type="text" class="cart_product_number" value="0" />
                <button class="close">X</button>
            </div>
            <div class="cattwo_header"><h3>Category Two</h3></div>
            <div id="cart_item" class="cart_product">
                <div class="item_name">Item Four</div>
                <input type="text" class="cart_product_number" value="0" />
                <button class="close">X</button>
            </div>
            <div class="catthree_header"><h3>Category Three</h3></div>
            <div id="cart_item" class="cart_product">
                <div class="item_name">Item Five</div>
                <input type="text" class="cart_product_number" value="0" />
                <button class="close">X</button>
            </div>
        </div>
    </div><!-- end #body_container -->

**JS**

    $(document).ready(function() {
        var num;
        var catone = 0;
        var cattwo = 0;
        var catthree = 0;

    $('.up').click(function() {
        num = parseInt($(this).siblings('.product').text());
        console.log(num);
        $(this).prevAll('.product').text(num + 1);
        $('.cart_product').eq($(this).closest('.product_box').index()).fadeIn('slow').find('.cart_product_number').val(num + 1);
    });

    $('.down').click(function() {
        num = parseInt($(this).siblings('.product').text());
        if (num > 0) {
            $(this).siblings('.product').text(num - 1);
        };

        if (parseInt($(this).siblings('.product').text()) === 0) {
            $('.cart_product').eq($(this).closest('.product_box').index()).fadeOut('slow');
        } else {
            $('.cart_product').eq($(this).closest('.product_box').index()).show().find('.cart_product_number').val(num - 1);
        }
    });


    // Category One
    $('.category_one_up').click(function() {
        catone++;
        if (catone > 0) {
            $('.catone_header').fadeIn('slow');
        };
    });

    $('.category_one_down').click(function() {
        if (catone > 0) {
            catone--;

            if (catone <= 0) {
                $('.catone_header').fadeOut('slow');
            };
        };
    });

    // Category Two
    $('.category_two_up').click(function() {
        cattwo++;
        if (cattwo > 0) {
            $('.cattwo_header').fadeIn('slow');
        };
    });

    $('.category_two_down').click(function() {
        if (cattwo > 0) {
            cattwo--;

            if (cattwo <= 0) {
                $('.cattwo_header').fadeOut('slow');
            };
        };
    });

    // Category Three
    $('.category_three_up').click(function() {
        catthree++;
        if (catthree > 0) {
            $('.catthree_header').fadeIn('slow');
        };
    });

    $('.category_three_down').click(function() {
        if (catthree > 0) {
            catthree--;

            if (catthree <= 0) {
                $('.catthree_header').fadeOut('slow');
            };
        };
    });

    $('.close').click(function() {

    });


    });