title: Using JQuery with Django base.html template
body: <p>I'm using Django-1.4.5. and JQuery and I have problem with templating system: I have base.html with script and JQuery functions, but when I try to use tabs in another template (which extends base.html), it doesn't show up. Here is my base.html:</p>
  
  <pre><code>&lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;link href="{{ STATIC_URL }}/css/custom-theme/jquery-ui-1.10.2.custom.css" rel="stylesheet"&gt;
  &lt;script src="{{ STATIC_URL }}/js/jquery-1.9.1.js"&gt;&lt;/script&gt;
  &lt;script src="{{ STATIC_URL }}/js/jquery-ui-1.10.2.custom.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="{{ STATIC_URL }}/css/style.css" type="text/css" /&gt;
  &lt;script&gt;
  $(function() {
      $("#accordion1").accordion({
          heightStyle: "content",
      });
      $('#accordion2').accordion({
          heightStyle: "content",
      })
      $("#tabs").tabs().addClass("ui-tabs-vertical ui-helper-clearfix");
      $("#tabs-li").removeClass("ui-corner-top").addClass("ui-corner-left");
  });
  </code></pre>
  
  <p>And my other template:</p>
  
  <pre><code>{% extends "base.html" %}
  {% block title %}{% endblock %}
  {% block head %}
  {% endblock %}
  {% block content %}
  &lt;div id="tabs"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#tab1"&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab2"&gt;Tab 2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab3"&gt;Tab 3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab4"&gt;Tab 4&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tab5"&gt;Tab 5&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div id="tab1"&gt;&lt;p&gt;Text 1&lt;/p&gt;&lt;/div&gt;
      &lt;div id="tab2"&gt;&lt;p&gt;Text 2&lt;/p&gt;&lt;/div&gt; 
      &lt;div id="tab3"&gt;&lt;p&gt;Text 3&lt;/p&gt;&lt;/div&gt;
      &lt;div id="tab4"&gt;&lt;p&gt;Text 4&lt;/p&gt;&lt;/div&gt;
      &lt;div id="tab5"&gt;&lt;p&gt;Text 5&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  {% endblock %}
  </code></pre>
  
  <p>When I switch tabs in base.html, it works without problems. I can't  figure out why it doesn't work when I extend base.html. Thanks in advance for your answers.</p>