How to load multiple JavaScript files in the given order using jQuery?

By using this method we can load multiple JavaScript files in the same order

<script> function getScripts(scripts, callback, errorCallback, i) { i = i ? i : 0; $.getScript(scripts[i]).done(function() { ++i === scripts.length ? callback() : getScripts(scripts, callback, errorCallback, i); }).fail(function(jqXHR, textStatus, errorThrown) { if (typeof errorCallback === "function") { errorCallback(jqXHR, textStatus, errorThrown); } }); } </script>
Example
<script> getScripts( [ "1.js", "2.js", "3.js" ], function() { alert("all files are loaded"); $('input[name=\'time\']').daterangepicker(); }); </script>
In the above example  js files are loaded in the given oder
First loaded 1.js then 2.js and finally 3.js