Jquery删除表单提交后隐藏的表单值

我有一个小表单，我需要jquery在表单提交后清除隐藏的表单值

这是我的表单

<select id='size'>
    <option value='4.99'>S</option>
    <option value='5.99'>M</option>
    <option value='6.99'>L</option>
    <option value='7.99'>XL</option>
</select>
<input type="hidden" id="my-item-price" name="my-item-price" value="" />

和改变隐藏字段值

$(document).ready(function(){
    $('#size').change(function() {
        var x= $(this).val();
        $('#my-item-price').val(x);
    });
}

问题是一旦我提交了表单，我希望值从隐藏的输入中删除。我希望我必须设置值为""，但我怎么做呢?

编辑-:

这是一个链接到我的网站的测试部分

我想做的是，一旦按钮被点击，它会将隐藏表单的值重置为0所以当我新建一个选项时，它会再次改变值

这是jquery的代码。

    function clearoption() {
            alert('it should work');
            $('#my-item-price').attr('value','');
        }
        $('#size').change(function() {
            var x= $(this).val();
            $('#my-item-price').val(x);
        }); 
      // Add an item to the cart
      $('.jcart').submit(function(e) {
         add($(this));
         clearoption();
         e.preventDefault();
      });

它正在调用函数来清除#my-item-price，但由于某种原因它没有这样做。如果我选择不同的大小，它仍然会添加原来的价格