title: Tab Clicking Not Working
body: <p>I tried to follow this demo <a href="https://www.youtube.com/watch?v=PP3x4crHBog" rel="nofollow noreferrer">https://www.youtube.com/watch?v=PP3x4crHBog</a> however I couldn't name stuff the same cause I already named something else tab already, so I changed the variable names a bit and have the look and everything formatted, but whenever I click the login button the display doesn't show the login form....what did I do wrong?
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('.tabs a').on('click', function (e) {
                alert("in");
                e.preventDefault();
  
                $(this).parent().addClass('active');
                $(this).parent().siblings().removeClass('active');
  
                target = $(this).attr('href');
  
                $('.tabs-content &gt; div').not(target).hide();
                $(target).fadeIn(600);
          });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;div class='forms'&gt;
              &lt;ul class='tabs-group'&gt;
                  &lt;li class='tabs active'&gt;&lt;a href="#signUp"&gt;Sign Up&lt;/a&gt;&lt;/li&gt;
                  &lt;li class='tabs'&gt;&lt;a href="#login"&gt;Login&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
  
              &lt;div class='tabs-content'&gt;
                  &lt;div id='signUp'&gt;
                      &lt;h2 id='regTitle'&gt;Register an account to get started!&lt;/h2&gt;
                      &lt;form id='regForm' name='regForm' method='POST' action='&lt;?= BASE_URL ?&gt;register/' style='display:block;'&gt;
                          &lt;table&gt;
                              &lt;tr&gt;
                                  &lt;td&gt;&lt;label for='regUsername'&gt;Username&lt;/label&gt;&lt;/td&gt;
                                  &lt;td&gt;&lt;input id='regUsername' name='regUsername' type='text'&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                  &lt;td&gt;&lt;label for='regEmail'&gt;Email&lt;/label&gt;&lt;/td&gt;
                                  &lt;td&gt;&lt;input id='regEmail' name='regEmail' type='email'&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr&gt;
                                  &lt;td&gt;&lt;label for='regPassword'&gt;Password&lt;/label&gt;&lt;/td&gt;
                                  &lt;td&gt;&lt;input id='regPassword' name='regPassword' type='password'&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/table&gt;
                        &lt;input type="submit" value="Register" style='margin:10px;'&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
                  &lt;div id='login'&gt;
                      &lt;h2 id='loginTitle'&gt;Welcome Back!&lt;/h2&gt;
                      &lt;form method="POST" action="&lt;?= BASE_URL ?&gt;login/"&gt;
                          &lt;input type='text' id='username' name='username' placeholder='Username'&gt;
                          &lt;input type='password' id='password' name='password' placeholder='Password'&gt;
                          &lt;input type='submit' name='submit' value='Sign In'&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>