$ не функция в flexslider в коде

Я использовал этот код для отправки данных на сервер и получения данных, но столкнулся с ошибкой flexslider при запуске кода. Я проверяю, что у меня в коде нет двух скриптов jquery, а есть только один.

<textarea id = "textarea"></textarea>
<button id = "submit"
"onclick = "onSubmit()">check</button>
<label>result</label>
<textarea id = "textresult"></textarea>

                <script src = "js/jquery.js"></script>
        <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <!-- bootstrap -->
         <script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <!-- isotope -->
        <script src = "js/isotope.js"></script>
        <!-- images loaded -->
        <script src = "js/imagesloaded.min.js"></script>
        <!-- wow -->
        <script src = "js/wow.min.js"></script>
        <!-- smoothScroll -->
        <script src = "js/smoothscroll.js"></script>
        <!-- jquery flexslider -->
        <script src = "js/jquery.flexslider.js"></script>
        <!-- custom -->
        <script src = "js/custom.js"></script>
        <script src = "js/slidercode.js"></script>    
        <script src = "js/newpage.js"></script>

Файл newpage содержит функцию onSubmit как:

function onSubmit()
{
    var text = $('#textarea').val();
     $.ajax({
           method: 'post',
           data: {text: text },

           dataType: 'json',
           url: "xxxxx",
           success: function(result) {
                           alert('success');

           successmessage = 'Data was succesfully captured';
            return data;
            handleData(data); 
          },

         error: function() {
        alert('Error occured');
    }
    });
}

function handleData (data) {
document.getElementById("textresult").innerHTML = data;
}

function onReset(){
document.getElementById("textarea").value = "";
document.getElementById("textresult").value = "";


}