title: Lazysizes.min.js implementation not working
body: <p>We're attempting to implement  (<a href="https://github.com/aFarkas/lazysizes/tree/master" rel="nofollow noreferrer">https://github.com/aFarkas/lazysizes/tree/master</a>) on <a href="https://berkshireblanket.com" rel="nofollow noreferrer">https://berkshireblanket.com</a>. </p>
  
  <p>But after following all directions, the implementation will not work. When I run a check using DevTools, it outputs as false:</p>
  
  <pre><code>typeof($("img").lazyload) === "function"
  </code></pre>
  
  <p>I'm at a loss, and I'm not sure if we're missing something either within the script or within the HTML. </p>
  
  <p>Here's a look at our HTML to show how it's currently being implemented:</p>
  
  <p><a href="https://i.stack.imgur.com/nhY3f.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nhY3f.png" alt="HTML and liquid implementation of lazyload (HTML and liquid code pasted below)"></a></p>
  
  <pre><code>&lt;div class="product-main-images {% if section.settings.thumbnails == 'bottom' %}desktop-12{% else %}desktop-10{% endif %} tablet-6 mobile-3" tabindex="0"&gt;
      &lt;div class="product-image-container" style="padding-bottom: {{ product_image_box_ratio_max }};" &gt;
      {% for image in product.images %}
      {% assign image_box_ratio = image.height | append: ".0" | times: 1 | divided_by: image.width | times: 100 | append: "%" %}
      {% assign img_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' %}
  
      &lt;div class="product-main-image {% if forloop.first %}selected{% endif %}" data-image-id="{{ image.id }}"&gt;
          &lt;a class="product-fancybox" rel="product-images"  href="{{ image | img_url: '2400x' }}" tabindex="-1"&gt;
              &lt;img id="{{ product.id }}" class="product__image lazyload"
              src="{{ image | product_img_url: '300x' }}"
              data-src="{{ img_url }}"
              data-sizes="auto"
              data-zoom-src="{{ image | img_url: '2400x' }}"
              alt="{{ image.alt | escape }}"&gt;
          &lt;/a&gt;
          &lt;noscript&gt;
              &lt;img id="{{ product.id }}" class="product-main-image lazyload" src="{{ featured_image | product_img_url: '800x' }}" alt='{{ image.alt | escape }}'/&gt;
          &lt;/noscript&gt;
      &lt;/div&gt;
      {% endfor %}
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'd appreciate any help!</p>
  
  <p>Please let me know if I can clarify anything, or provide further examples of our current implementation.</p>
  
  <p>Thanks!</p>