Help Form a Recharge Ajax Add to Cart

Hello,

I have a store where I am creating a custom recharge subscription widget, I have all the required data, i.e: product ID, business plan, and the selling frequency.

I just need help to structure the actual call, with the product details.

I.e;

<input type="button" id="add-to-cart-button" value="ADD TO CART" onClick="addItemToCart(36807328039071, 1, {{product.selling_plan_groups[0].selling_plans[0].id}})">
<script>
function addItemToCart(variant_id, qty, selling_plan) {

data = {
"id": variant_id,
"quantity": qty,
"selling_plan": selling_plan
}
jQuery.ajax({
type: 'POST',
url: '/cart/add.js',
data: data,
dataType: 'json',
success: function() {
window.location.href = '/cart';
}
});
}
</script>