Срабатывание одного скрипта раньше другого
Есть вот такая кнопка-строка в таблице:
<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 в строке. Как поменять их порядок?