title: .show() not working when button is clicked
body: <p>I am trying to hide a div (class="login-form") until the Login button is pressed on my HTML page using jQuery. However, when I click the button, the login form isnt displayed. Why is this?</p>
  
  <p>Thanks!</p>
  
  <p>HTML---------------------------------------------------------------------------</p>
  
  <pre><code>&lt;?php /* Template Name: Virtual-tour */ ?&gt;
  &lt;head&gt;
  
  &lt;link rel="stylesheet" href="stylus/main.css"/&gt;
  &lt;link href='https://fonts.googleapis.com/css?family=Alegreya+Sans' rel='stylesheet' type='text/css'&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!-- &lt;script src=js/showLogin.js&gt;&lt;/script&gt;
  &lt;script src=js/showCreateAccount.js&gt;&lt;/script&gt;
  &lt;script src=js/submitLogin.js&gt;&lt;/script&gt;
  &lt;script src=js/submitCreateAccount.js&gt;&lt;/script&gt;
  &lt;script src=js/validate.js&gt;&lt;/script&gt; --&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div class="virtual-tour-media-player"&gt;
  
      &lt;span&gt; placeholder for media player&lt;/span&gt;
  
  &lt;/div&gt;
  
  &lt;div class="instructions"&gt;
  
      Are you a family member or friend of a veteran on this memorial?&lt;/br&gt;&lt;/br&gt;
      &lt;span id="instruction-sub"&gt;
          Login or Create Account below to add additional information and memories.&lt;/br&gt;
      &lt;/span&gt;
  
      &lt;button id="login"&gt;Login&lt;/button&gt;
      &lt;button id="create-account"&gt;Create Account&lt;/button&gt;
  
  &lt;/div&gt;
  
  &lt;div class="login-form"&gt;
      &lt;form&gt;
          &lt;input type="text" placeholder="Email Address" /&gt;
          &lt;input type="password" placeholder="Password" /&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      $(document).ready(function() {
          $("#login").click(function(){
              $('.login-form').show();
          });
  
          $('#create-account').click(function{
              $(".create-account-form").show();
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <h2></h2>
  
  <p>Stylus (a CSS preprocessor, very similar syntax to CSS)---------------------------------------------------</p>
  
  <pre><code>body
      color #ffffff
      background-color #292929
      font-family 'Alegreya Sans', sans-serif
  
  .virtual-tour-media-player
      width 90%
      height 40%
      margin auto
      border 3px solid white
  
  .instructions
      padding-top 30px
      margin auto
      margin-top 5%
      font-size 100%
      width 45%
      height 22%
      text-align center
      background-color #740600
      box-shadow 2px 2px 2px 2px #232421
  
  #instruction-sub
      font-size 15px
      //color #4d4d4d
  
  button
      line-height 1.8
      border none
      color #f1f1f1
      background-color #0c083e
      margin auto
      margin-top 10%
      width 40%
      height 15%
  
  
  button:hover
      background-color #292929
  
  .login-form
      display none
  </code></pre>
  
  <hr>