title: can't get modal to display using bootstrap and jquery
body: <p>I have jsfiddle here <a href="https://jsfiddle.net/gp277ps1/4/" rel="nofollow">https://jsfiddle.net/gp277ps1/4/</a> Nothing happens when I click on Login, what am I doing wrong?       </p>
  
  <pre><code>&lt;div class="navbar navbar-default navbar-static-top"&gt;
              &lt;div class="container"&gt;
                  &lt;div class="navbar-header"&gt;
                      &lt;!-- Branding Image --&gt;
                      &lt;a href="#" class="navbar-brand" data-toggle="modal" data-target="#loginModal"&gt;Login&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="modal fade" id="loginModal" tabindex="-1" role="dialog" hidden="true"&gt;
              &lt;div class="login-dialog"&gt;
                  &lt;div class="modal-content"&gt;
                          &lt;div class="panel panel-filled"&gt;
                              &lt;div class="panel-body"&gt;
                                test
                              &lt;/div&gt;
                          &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>