Скрипт читает только одну форму на сайте

$(document).ready(()=>{ 
  $(".add2").on("click", function () { 
    let currentProduct = { 
        name: $("input[name=name]").val(), 
        price: $("input[name=price]").val(), 
        id: $("input[name=id]").val(), 
        descption: $("input[name=about]").val(), 
        count: 1, 
        category: $("input[name=category]").val(), 
        img: $("input[name=img]").val() 
    }; 
 
    let locSt = localStorage.getItem("basket"); 
 
    if(locSt){ 
        locSt = JSON.parse(locSt); 
        let trigger = true; 
        locSt.map(item => { 
            if(item.id == currentProduct.id){ 
                item.count = parseInt(item.count) + 1; 
                trigger = false; 
            } 
        }); 
        if(trigger) { 
            locSt.push(currentProduct); 
        } 
        localStorage.setItem("basket", JSON.stringify(locSt)); 
        console.log(locSt); 
    } 
 
    else { 
        let newLocSt = []; 
        newLocSt.push(currentProduct); 
        localStorage.setItem("basket", JSON.stringify(newLocSt)); 
    } 
 
    $(".add2").notify("Товар добавлен", "success"); 
  }) 
}); 

<form> 
   <input type="hidden" name="name" value="<?php echo $row["name"]; ?>"> 
   <input type="hidden" name="price" value="<?php echo $row["price"]; ?>"> 
   <input type="hidden" name="img" value="<?php echo $row["img"]; ?>"> 
   <input type="hidden" name="about" value="<?php echo $row["about"]; ?>"> 
   <input type="hidden" name="category" value="<?php echo $row["category"]; ?>"> 
   <input type="hidden" name="id" value="<?php echo $row["id"]; ?>"> 
</form>