Использование атрибута данных с модальностью boostrap

Question

У меня проблемы с получением модальных значений кнопки при нажатии. Предположим, у меня есть 2 значения в поле, когда я нажимаю 1-е поле кнопкой, я получаю item_name первого поля, которое является правильным.Но когда я нажимаю на 2-м поле, я получаю значение первого.Вот код ниже:

Поле:

<div class="col-md-12">
     @foreach(App\LevelRewards::rewardType()->get() as $rewards)
         @if(Auth::user()->level >= $rewards->level_required || Auth::user()->level == $rewards->level_required )
            <div class="col-lg-2 col-md-3 col-sm-6 col-xs-6" style="margin: 5px 0px;">
               <div class="hovereffect">
                    <a href="#" class="d-block mb-4 h-100">
                   <input type ="hidden" name="id" value="{{$rewards->id}}"/>
                   <img class="img-responsive" src="{{asset('rewards_img/'.$rewards->picture)}}" alt="">
                    </a>
                <div class="overlay">
                 <h2 style="font-size: 14px;">{{$rewards->details}}</h2>
                 <button type="button" class="btn btn-info claimBtn" data-toggle="modal" data-target="#claimModal">Claim</button>
         @endif
     @endforeach
 </div>

Для модальных:

<div class="modal fade" id="claimModal" role="dialog">
<div class="modal-dialog">

  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
      <h4 class="modal-title">{{$rewards->item_name}}</h4>
    </div>  
  <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>
</div>

А вот для сценария:

<script>
$('#claimBtn').click(function(){
var form = new FormData($("#claimModal")[0]);
});
</script>