javascript error

Question

<script>

$('#aa').click(function () {

$(this).find('i').toggleClass('fa-sort-desc fa-sort-asc')

});

$(document).ready(function () {

$(".btn1").click(function () {

if ($("#p1").attr("display") === "block") {

$("#p1").attr("display", "none");

$("#p1").slideUp();

}

else {

$("#p1").attr("display", "block");

$("#p1").slideDown();

}

});

});

$(document).ready(function () {

var divhtml = $(".table-scrollable").next("div.row").html();

var html1, html2, html3, html4, html5;

html1 = $(".table-scrollable").next("div.row").children().eq(0).html();

html2 = $(".table-scrollable").next("div.row").children().eq(1).html();

html3 = $(".dataTables_wrapper").first("div.row").children().eq(0).html();

html4 = $(".dataTables_length").first("div.row").children().eq(0).html();

html5 = $(".dataTables_wrapper .table-scrollable").html();

$(".dataTables_wrapper").html("<div class='row' > <div class='col-md-2'>" + html1 + "</div> <div class='col-md-7' style='margin-top:-6px'>" + html2 + html4 + "</div><div class='col-md-3'>" + html3 + "</div></div> <div class='table-scrollable' style='margin-top:0px!important'>" + html5 + "</div>");

$(".table-scrollable").next("div.row").remove();

});

$('select').on(

'select2:select', (

function () {

$(this).focus();

}

)

);

if ($("#Select3")[0].selectedIndex > 0) {

$("#Select12").select2('open');

}

$('#reset1').click(function () {

$('input[type="text"]').val('');

});

$('#reset2').click(function () {

$('input[type="text"]').val('');

});

</script>

getting an error