jQuery not working properly in Laravel 5

Most likely you are trying to access an element that is not ready, #next is not working and is also not wrapped. Just wrap all your code in $( document ).ready()

$( document ).ready(function() {
});

or place all your code in the bottom of the page - $(document).ready(function(){}); vs script at the bottom of page


You have posted a lot of code, and not the specifics on what is failing. Anyways, my suggestion is try to have your Javascript Code after all HTML code, using blade or not, order matters. So, you need to be sure you are calling all the libraries before executing your javascript code, and do all that preferrably after your html code is already rendered (at the end of the footer).


Try changing:

selector.on("change", function(e) {

for:

$(document).on('change', '#timeSelect', function(e) {

Maybe your $(document).ready(); is executing earlier than it should