title: Rails 5.2 Modal Not Opening
body: <p>I have the following modal on my page that works perfectly:</p>
  
  <pre><code>&lt;!-- New Topic Modal --&gt;
  &lt;div class="modal fade" id="newTopicModal" tabindex="-1" role="dialog" aria-labelledby="newTopicModalLabel"
    aria-hidden="true"&gt;
    &lt;div class="modal-dialog" role="document"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-header"&gt;
          &lt;h5 class="modal-title" id="newTopicModalLabel"&gt;Add a New Topic&lt;/h5&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;
            &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
          &lt;/button&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
          &lt;%= render partial: "topics/js_form", locals: {topic: @new_topic } %&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And is triggered by this:</p>
  
  <pre><code>      &lt;p class="text-center"&gt;Select a topic to add below or &lt;a data-toggle="modal" data-target="#newTopicModal"&gt;create a new topic&lt;/a&gt;.&lt;/p&gt;
  </code></pre>
  
  <p>However, when I copied it over and tried to do a second one for <code>projects</code>, the screen greys over but no modal appears.</p>
  
  <p>The modal that does NOT work is this:</p>
  
  <pre><code>&lt;!-- New Project Modal --&gt;
  &lt;div class="modal fade" id="newProjectModal" tabindex="-1" role="dialog" aria-labelledby="newProjectModalLabel"
    aria-hidden="true"&gt;
    &lt;div class="modal-dialog" role="document"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-header"&gt;
          &lt;h5 class="modal-title" id="newProjectModalLabel"&gt;Add a New Project&lt;/h5&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;
            &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
          &lt;/button&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
          &lt;%= render partial: "projects/js_form", locals: {project: @new_project } %&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Triggered by this:</p>
  
  <pre><code>        &lt;p class="text-center"&gt;Select a project to add this source to below or &lt;a data-toggle="modal" data-target="#newProjectModal"&gt;create a new project&lt;/a&gt;.&lt;/p&gt;
  </code></pre>
  
  <p>I can't tell why the first one works and the second one doesn't.  Can anyone spot what I'm doing wrong?</p>