title: TypeError: $container.isotope is not a function
body: <p>Probably it could be duplicate question but I have tried every solution I found, I am newbie with <strong>imagesLoaded</strong> , can anyone please help to get rid out of it? </p>
  
  <p>The scripts I have included is in following order - </p>
  
  <pre><code>&lt;script type='text/javascript' src='{{asset('assets/includes/js/jquery/jquery-3.3.1.min.js')}}'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='{{asset('assets/includes/js/jquery/jquery-migrate.min330a.js')}}'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='{{asset('assets/js/imagesloaded.js')}}'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='{{asset('assets/js/imagesloaded.pkgd.js')}}'&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And the javascript code I have - </p>
  
  <pre><code>jQuery( function() {
      /* ======= Masonry Grid System ======= */
      var $container = $('.posts-masonry');
      if ($container.length) {
          $container.imagesLoaded(function() {
              $container.isotope({
                  layoutMode: 'masonry',
                  transitionDuration: '0.3s'
              });
          });
      }
  });
  </code></pre>
  
  <p>Is there any other script I am missing? Please suggest. </p>