Question

I have a main (index) page which loads pages dynamically and places them inside it’s div but the Javascript within those pages doesn’t execute. Specifically this part

<script type="text/javascript">
    $(document).ready(function(){

        $('#regForm').submit(function(e) {
            register();
            e.preventDefault(); 
        }); 
    });
</script>

Answer 1

You will have to use getScript like this:

$('#foo').load('bar.html', function(){
    $.getScript("js/fileName.js");
    // call a function from fileName.js
});

You will have to put your JS code in that file and call that via getScript and then you can call functions from it as shown above.