title: jQuery code messes up the rest of my JavaScript code
body: <p>My entire JavaScript works perfectly, without any errors, but the second I try to use jQuery, I get a plethora of various errors:
  <a href="https://i.stack.imgur.com/A6Tnd.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/A6Tnd.jpg" alt="enter image description here"></a></p>
  
  <p>Here is my jQuery code(it uses a jQuery plugin, but I have already used some pure jQuery code before I had used a plugin and had the same results. This code is inside <code>&lt;script&gt;</code>):<br /></p>
  
  <pre><code>$(function() {
                  $("#mailSender").validate({
                      rules: {
                        email: {
                         required: true,
                         email: true
                       }
                     }
                      messages: {
                       email : {
                         required: "This field is required.",
                         email: "Please enter a valid email address."
                        }
                      }
                    });
                  });
  </code></pre>
  
  <p>These are the <code>scrldown()</code>, <code>bordcol()</code> and <code>bordcolBlack()</code> functions that are "not defined":</p>
  
  <pre><code>function scrldown() {
                  var navv = document.getElementById('nav_inn'),
                  style = window.getComputedStyle(navv),
                  top = style.getPropertyValue('top');
                  if (top === "-180px") {
                      TweenMax.to(".nav_in", .4, {top:"20"});
                      TweenMax.to([".trii, .trii_h"], .2, {rotation:"180"});
                  }
                  else {
                      TweenMax.to(".nav_in", .4, {top:"-180px"});
                      TweenMax.to([".trii, .trii_h"], .2, {rotation:"0"});
                  }
              }
  </code></pre>
  
  <p>The corresponding HTML(the <code>&lt;a&gt;</code> tag, at first, had the same <code>href="javascript:scrldown()"</code> as the rest instead of <code>onclick</code>, but both methods work without jQuery):</p>
  
  <pre><code>&lt;a href="javascript:void(0)" onclick="scrldown()"&gt;
                      &lt;img src="../images/scrl_tri.png" id="tri" height="21px;" class="trii" /&gt;
                      &lt;img src="../images/scrl_tri_hov.png" id="tri" height="21px" class="trii_h" /&gt;
                  &lt;/a&gt;
  &lt;span class="shop"&gt;&lt;a href="javascript:scrldown()"&gt;Shop&lt;/a&gt;&lt;/span&gt;
  &lt;span class="gallery"&gt;&lt;a href="javascript:scrldown()"&gt;Gallery&lt;/a&gt;&lt;/span&gt;
  </code></pre>
  
  <p><hr>
  <code>&lt;div id="wrap-left" onmouseover="bordcol()" onmouseout="bordcolBlack()"&gt;</code><br>
  and(<code>map-canvas</code> is a div inside it):</p>
  
  <pre><code>function bordcol() {
                  document.getElementById("map-canvas").style.borderTop="1px solid #F8CE26";
              }
  
              function bordcolBlack() {
                  document.getElementById("map-canvas").style.borderTop="1px solid #9F9F9F";
              }
  </code></pre>
  
  <p><hr>
   Here are the "<code>src</code>" <code>&lt;script&gt;</code>s in the <code>&lt;header&gt;</code>:<br /></p>
  
  <pre><code>&lt;script src="../js/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="../js/jquery_validate/dist/jquery.validate.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I have some other plugins, but none are dependent on jQuery and jQuery is also the first one imported.<br>
  By the way—if it matters—the plugin is the <em>jQuery Validation Plugin</em>.
  <hr>
  Sorry for so much code, but I truly hope that you guys can help me resolve this issue(unless, of course, I just missed something really stupid. Then just point it out).<br>
  It should be noted that my knowledge in jQuery is very limited, and I may be missing something very obvious—to you—and stupid thing, so please, even if you can't see the immediate answer, comment some simple jQuery rule that may not be visible in here but is important/crucial.<br>
  Thanks!</p>