مشکل mدر ایجاد shopping cart

[angeldrop]

سلام دوستان
من view ای درست کردم به نام list از جنس کنترلر product که توی این view لیستی از محصولات نمایش داده میشه که زیز هر محصول button ای وجود داره که وقتی کلیک بشه روش باید اون محصول به session اضافه بشه اما این اتفاق نمیوفته حتی هیچ error ای هم نمیده این کارو دارم با استفاده از web api انجام میدم
این webapicontroller من هستش :
public int Post(int productID)
{
int cartitemscount = 0;
var Session = HttpContext.Current.Session;
List<ProductInShoppingCart> product = new List<ProductInShoppingCart>();
if (Session["ShoppingCartItems"] != null)
{
product = Session["ShoppingCartItems"] as List<ProductInShoppingCart>;
ProductInShoppingCart selected = product.Find(p => p.ProductId == productID);
if (selected != null)
{
selected.ProductCount++;
int index = product.FindIndex(p => p.ProductId == productID);
product[index] = selected;
}
else
{
selected = new ProductInShoppingCart() {ProductId = productID, ProductCount = 1};
product.Add(selected);
}
Session["ShoppingCartItems"] = product;
}
else
{
ProductInShoppingCart selected = new ProductInShoppingCart()
{
ProductId = productID,
ProductCount = 1
};
product.Add(selected);
Session["ShoppingCartItems"] = product;
}
foreach (var productInShoppingCart in product)
{
cartitemscount += productInShoppingCart.ProductCount;
}
return cartitemscount;

}
و این هم view list :
<div class="col-md-12">
<input type="button" class="btn btn-default" value="افزودن به سبد خرید" id="btnAddToBasket_@item.ProductID " />
</div>
</div>
}


</div>
<script type="text/javascript" language="javascript">
$(document).ready(function () {
$("[id^='btnAddToBasket']").each(function () {
$(this).click(function () {
var productID = $(this).attr("id").match(/\d+/)[0];
$.ajax({
url: "/api/ShoppingCartApi/"+productID,
data: { productID: productID },
type: "POST"
}).done(function (result) {
if (result) {
$("#cartinfo").fadeOut(200).html("تعداد اقلام موجود در سبد خرید: " + result).fadeIn(200);
}
else {
}
});

});
});
});
</script>
اصلا دستورات js من اجرا نمیشه