Laravel ループなどで複数の同名FORM部品がある場合の a タグでのPOST 送信

a タグでのPOST 送信がうまくいきません。
一覧で表示された画像をクリックしたものを詳細画面に表示させたいのですが、
foreachで回された各画像どれをクリックしても同じデータが表示されてしまい困っています。

myrecipe.blade.php

12@foreach($myrecipes as $myrecipe) 3 <form action="{{ route('myrecipes.show')}}" name="apost" method="post"> 4 @csrf 5 <input type="hidden" name="recipe_id" value="{{$myrecipe->id}}"> 6 <div class="recipe_pictures"> 7 <a name="asubmit" href=""> 8 <img src="{{ asset('storage/'.$myrecipe->image->path)}}" alt="レシピの画像"> 9 </a> 10 </div> 11 <div class="recipe_texts"> 12 {{$myrecipe->title}} 13 <br> 14 {{$myrecipe->url}} 15 </div> 16 </form> 17@endforeach 18

aform.js

12$(function () { 3 $('a[name="asubmit"]').on('click', function () { 4 $('form[name="apost"]').submit(); 5 }); 6});

お手数ですがご教授お願いします。