I'm sure my problem is very basic but I would appreciate your help. I have little knowledge of jQuery. Your debugger tells me that js is not running on my page: http://www.jackrisk.ca/MeditationBibliography.html.
I copied the expanded files to my website and I have uploaded all new files.
Here is the scripting I have in the head:
<!-- InstanceBeginEditable name="head" -->
<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="/1.10.0-beta.1/css/jquery.dataTables.css">
<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="/1.10.0-beta.1/js/jquery.js"></script>
<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="/1.10.0-beta.1/js/jquery.dataTables.js"></script>
<script type="text/javascript" class="init">
$(document).ready( function () {
$('#MeditationBibliography').DataTable();
} );
</script>
<!-- InstanceEndEditable -->
</head>
<body>
I copied the expanded files to my website and I have uploaded all new files.
Here is the scripting I have in the head:
<!-- InstanceBeginEditable name="head" -->
<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="/1.10.0-beta.1/css/jquery.dataTables.css">
<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="/1.10.0-beta.1/js/jquery.js"></script>
<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="/1.10.0-beta.1/js/jquery.dataTables.js"></script>
<script type="text/javascript" class="init">
$(document).ready( function () {
$('#MeditationBibliography').DataTable();
} );
</script>
<!-- InstanceEndEditable -->
</head>
<body>
