title: javascript is not loading in django template....or its not working in django
body: <p>this is my html page where am loading js file</p>
  
  <pre><code>&lt;!DOCTYPE html&gt; {% load static %}
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet"&gt;
      &lt;link href="{% static 'css/grid.css' %}" rel="stylesheet"&gt;
      &lt;link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}"&gt;
      &lt;link rel="stylesheet" href="{% static 'main/post.css' %}"&gt;
      &lt;script type="text/javascript" src="{% static 'js/bootstrap.min.js' %}"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="{% static 'js/post.js' %}"&gt;&lt;/script&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  </code></pre>
  
  <p>and this is my js file in static/js/post.js    </p>
  
  <pre><code>$(".sidebar-dropdown &gt; a").click(function() {
  $(".sidebar-submenu").slideUp(200);
  if (
      $(this)
      .parent()
      .hasClass("active")
  ) {
      $(".sidebar-dropdown").removeClass("active");
      $(this)
          .parent()
          .removeClass("active");
  } else {
      $(".sidebar-dropdown").removeClass("active");
      $(this)
          .next(".sidebar-submenu")
          .slideDown(200);
      $(this)
          .parent()
          .addClass("active");
  }
  });
  
  $("#close-sidebar").click(function() {
      $(".page-wrapper").removeClass("toggled");
  });
  $("#show-sidebar").click(function() {
      $(".page-wrapper").addClass("toggled");
      });
  </code></pre>
  
  <p>what should i do...am not facing any error but its not working ...is there any kind of inheriting problem ?</p>