Срабатывание одного скрипта раньше другого

Есть вот такая кнопка-строка в таблице:

<td class='btnRab'><span>$users->name</span>

Скрипт, который получает значение строки из первой колонки этой строки:

$(document).ready(function(){
$(document).on('click', '.table tr', function(){

        $('.table tr').removeClass('active');
        $(this).addClass('active');
    first=$(this).children('td:first-child').text();
    });
});

И скрипт, который должен получить это id для передачи на следующую страницу:

$(document).ready(function(){
    $('.btnRab').click(function(){
      alert(first);
      $.ajax({
        url: "/rabinfo",
        type:"POST",
        data:{
          "_token": "{{ csrf_token() }}",
          first:first
        },
            success: function(html){
                $("#banner11").html(html);
            }
        });
    });
});

Но получается так, что сначала срабатывает второй скрипт, то есть кнопка, а уже потом первый с присвоением id в строке. Как поменять их порядок?


Ответы (0 шт):