title: Javascript libraries not working in Flask project
body: <p>I'm trying to create a little app that displays tweets in a carousel like fashion, but I can't seem to get any library working. Tried <a href="https://github.com/OwlFonk/OwlCarousel2" rel="nofollow noreferrer">OwlCarousel</a> and <a href="https://github.com/kenwheeler/slick/" rel="nofollow noreferrer">Slick</a> and both just result in a list of tweets, no styling or anything.</p>
  
  <p>After doing some research I noticed that all jsfiddles (such as the one in <a href="https://stackoverflow.com/questions/21206656/owl-carousel-not-working-at-all">this</a> answer) that should be working don't work at all when I try them.</p>
  
  <p>Anyone noticed anything alike? Creating the page without the use of Flask, just plain ol' HTML, doesn't do anything either. What am I missing?</p>
  
  <p>Just for the sake of it, here's my Flask view:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Tweets featuring '{{ query }}'&lt;/title&gt;
    &lt;link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='slick.css')}}"&gt;
    &lt;link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='slick-theme.css') }}"&gt;
    &lt;link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}"&gt;
  
    &lt;script src="{{ url_for('static', filename='jquery-1.9.1.min.js') }}"&gt;&lt;/script&gt;
    &lt;script src="{{ url_for('static', filename='slick.min.js') }}"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;h1&gt;Successfully received {{ tweets|length }} tweets!&lt;/h1&gt;
    &lt;div id="tweets"&gt;
      {% for tweet in tweets %}
      &lt;div class="tweet"&gt;&lt;p class="username"&gt;{{ tweet.GetUser().GetScreenName() }}&lt;/p&gt;&lt;p class="text"&gt;{{ tweet.GetText() }}&lt;/p&gt;
      {% else %}
      &lt;div class="no tweets"&gt;No tweets found!&lt;/div&gt;
      {% endfor %}
    &lt;/div&gt;
    &lt;script type="text/javascript"&gt;
    $(document).ready(function() {
      $('#tweets').slick({
        accessibility: false,
        autoplay: true,
        arrows: false,
        draggable: false,
        pauseOnHover: false,
        touchMove: false
      });
    });
    &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>