Unable to run two scripts simultaneously?
Below is a rough syntax of my script:
<script src="_js/foo1a.js"></script>
<script src="nav/foo1b.js"></script>
<script>
$(document).ready(function() {
----- <script1>------
});
</script>
<script src="js/foo2a.js"></script>
<script src="js/foo2b.js"></script>
<script src="js/foo2c.js"></script>
<script>
$(document).ready(function () {
------<script2>------
});
</script>
<Script 1> does not run. <Script 2> does.
If I alter the script to the following:
<script src="js/foo2a.js"></script>
<script src="js/foo2b.js"></script>
<script src="js/foo2c.js"></script>
<script>
$(document).ready(function () {
------<script2>------
});
</script>
<script src="_js/foo1a.js"></script>
<script src="nav/foo1b.js"></script>
<script>
$(document).ready(function() {
----- <script1>------
});
</script>
<Script1> runs but not <Script2>.
How can I make both the scripts to run?
Thanks!