Fix conflict with template drop-down

Author: KaDee

scripts/affiliation.js

@@ -38,7 +38,9 @@ function createAffiliationModal() {
   let affiliationModal = document.getElementById(affiliationModalId);
   if (!affiliationModal) {
     // Create modal dialog
-    document.body.innerHTML +=
+    let dialog = document.createElement('div');
+    document.body.appendChild(dialog);
+    dialog.outerHTML =
       '<div id="' + affiliationModalId + '" class="modal fade in" tabindex="-1" aria-labelledby="' + affiliationModalId + '-title" role="dialog" style="margin-top: 5rem">' + 
         '<div class="modal-dialog" role="document">' + 
           '<div class="modal-content">' + 

scripts/authors.js

@@ -28,7 +28,9 @@ $(document).ready(function() {
   let authorModal = document.getElementById('author-modal');
   if (!authorModal) {
     // Create modal dialog
-    document.body.innerHTML +=
+    let dialog = document.createElement('div');
+    document.body.appendChild(dialog);
+    dialog.outerHTML =
       '<div id="author-modal" class="modal fade in" tabindex="-1" aria-labelledby="author-modal-title" role="dialog" style="margin-top: 5rem;">' + 
         '<div class="modal-dialog" role="document">' + 
           '<div class="modal-content">' +