removing item from cart if condition not match.shopify - shopify

Question

I can add a free product in cart if the specific product is added into the cart. but when we remove the specific product from cart then free product is still there. i need to remove the free product from the caryt if the specific product is removed.
<script>
$(".rb-free").click(function(e){
rbaddItemToCart();
});
$(".rb-free-c").click(function(e){
rbaddItemToCart();
});
function rbaddItemToCart(){
$.ajax({
type: 'POST',
url: '/cart/add.js',
async: false,
data: {
quantity: '1',
id: '44518734987569'
},
success: function (data) {
console.log('atc success: '+1 + id);
}
});
}
</script>
<div class="actions">
<div class="action-list addtocart">
<div class="button-wrapper">
{%- if product.available -%}
<div class="button-wrapper-content">
<button type="submit" name="add" class="btn-cart add-to-cart bordered uppercase {% **if product.handle == 'white-heat-ultra-burn' %} rb-free {% endif %}**">
<span>{{ 'products.product.add_to_cart' | t }}</span>
</button>
<!--<p>we’ll supply – will go</p>-->
</div>
{%- else -%}
<div class="button-wrapper-content">
<button href="javascript:;" class="btn-cart add-to-cart" disabled="disabled">
<span>{{ 'products.product.sold_out' | t }}</span>
</button>
</div>
{%- endif -%}
</div>
</div>
<div class="action-list wishlist">
{% include 'wishlist-item' %}
</div>
</div>