title: Mixitup not working
body: <p>I don't know why my mixItUp plugin is not working. I followed the instructions on the get started page of the project and I think i followed everything like they said, but it is still not working.</p>
  
  <p><strong>Code:</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code> #piccontainer {
     text-align: justify;
     display: none;
     opacity: 0;
   }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;content&gt;
    &lt;div class="filter" data-filter="all"&gt;All&lt;/div&gt;
    &lt;div class="filter" data-filter=".fotobn"&gt;Black and White&lt;/div&gt;
    &lt;div class="filter" data-filter=".fotonature"&gt;Nature&lt;/div&gt;
    &lt;div class="filter" data-filter=".fotopeople"&gt;People&lt;/div&gt;
  
  
    &lt;ul id="piccontainer"&gt;
      &lt;li class="mix fotobn"&gt;
        &lt;figure&gt;
          &lt;img src="img/portfolio/thumbdanzafuoco.jpg" alt="The Fire Dancer" /&gt;
          &lt;figcaption&gt;Caption&lt;/figcaption&gt;
        &lt;/figure&gt;
      &lt;/li&gt;
      &lt;li class="mix fotonature"&gt;
        &lt;figure&gt;
          &lt;img src="img/portfolio/thumbdurdle.jpg" alt="" /&gt;
          &lt;figcaption&gt;Caption&lt;/figcaption&gt;
        &lt;/figure&gt;
      &lt;/li&gt;
      &lt;li class="mix fotopeople"&gt;
        &lt;figure&gt;
          &lt;img src="img/portfolio/me.jpg" alt="" /&gt;
          &lt;figcaption&gt;Caption&lt;/figcaption&gt;
        &lt;/figure&gt;
      &lt;/li&gt;
      &lt;li class="mix fotopeole fotobn"&gt;
        &lt;figure&gt;
          &lt;img src="img/portfolio/thumbpalestina.jpg" alt="" /&gt;
          &lt;figcaption&gt;Caption&lt;/figcaption&gt;
        &lt;/figure&gt;
      &lt;/li&gt;
      &lt;li class="mix fotonature fotobn"&gt;
        &lt;figure&gt;
          &lt;img src="img/portfolio/thumbdurdlebw.jpg" alt="" /&gt;
          &lt;figcaption&gt;Caption&lt;/figcaption&gt;
        &lt;/figure&gt;
      &lt;/li&gt;
      &lt;li class="mix fotonature"&gt;
        &lt;figure&gt;
          &lt;img src="img/portfolio/thumblighthouse.jpg" alt="" /&gt;
          &lt;figcaption&gt;Caption&lt;/figcaption&gt;
        &lt;/figure&gt;
      &lt;/li&gt;
      &lt;li class="mix fotonature"&gt;
        &lt;figure&gt;
          &lt;img src="img/portfolio/thumbsicily.jpg" alt="" /&gt;
          &lt;figcaption&gt;Caption&lt;/figcaption&gt;
        &lt;/figure&gt;
      &lt;/li&gt;
      &lt;li class="mix fotonature"&gt;
        &lt;figure&gt;
          &lt;img src="img/portfolio/thumbsunset.jpg" alt="" /&gt;
          &lt;figcaption&gt;Caption&lt;/figcaption&gt;
        &lt;/figure&gt;
      &lt;/li&gt;
      &lt;li class="mix fotonature"&gt;
        &lt;figure&gt;
          &lt;img src="img/portfolio/thumbwoods.jpg" alt="" /&gt;
          &lt;figcaption&gt;Caption&lt;/figcaption&gt;
        &lt;/figure&gt;
      &lt;/li&gt;
  
    &lt;/ul&gt;
  
  &lt;/content&gt;
  
  
  
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
  
  &lt;script src="js/jquery.mixitup.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
    $(document).ready(function() {
      // Start mixitup
      $('#piccontainer').mixItUp();
    });
  &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I also tried to use <code>li</code> instead of <code>Div</code> for the buttons and <code>Div</code> instead of <code>Li</code> for the images, but still not working. Can you please explain me where the problem is?</p>