title: Jquery Lazy Loading after image load, css is not applied
body: <p>I'm using this plug in <a href="http://jquery.eisbehr.de/lazy/" rel="noreferrer">jQuery Lazy - Delayed Content, Image and Background Lazy Loader</a></p>
  
  <p>I'm trying to add image border-color and image border thickness to the image after lazy loading but it seems like it has no effect. If I press "inspect" at developer console, I can see this attributes are added to image style but its effect is not shown on screen.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;img class="lazy" data-src= "{{ individual_image.url }}" src="{% static 'img/image_loading.jpg' %}"style="opacity:0.3; width:150px; height:150px;&gt;
  </code></pre>
  
  <p>JQuery</p>
  
  <pre><code>        $('img.lazy').Lazy({
  
              scrollDirection: 'vertical',                
              visibleOnly: false,               
              afterLoad: function(element) {                   
                  element.css('border-width', 'thick');
                  element.css('border-color', 'chartreuse');                    
  
              }
          });
  </code></pre>