title: How to use jQuery Lazy with AJAX?
body: <p>I am using <a href="https://github.com/eisbehr-/jquery.lazy" rel="nofollow noreferrer">jQuery Lazy</a> to load images in a page progressively. When the images are called with AJAX, they do do not load. Please, how to use this Plugin with AJAX?</p>
  
  <p>I tried:</p>
  
  <pre><code>$(function() {
      $('.lazy').lazy({
        placeholder: "data:image/gif;base64,R0lGODlhEALAPQAPzl5uLr9Nrl8e7...",
        effect: "fadeIn",
        effectTime: 2000,
        threshold: 0
      });
  });
  </code></pre>
  
  <p>However it is not working. Some time back, when I had that challenge with Colorbox, the solution was to call for <code>body click</code>, like:</p>
  
  <pre><code>$("body").on("click", ".photos", function(event){
      $(".photos").colorbox({rel:'photos', transition:"fade"});
  });
  </code></pre>
  
  <p>That made the trick to enable colorbox to work with an AJAX call - but with Lazy there is no <code>body click</code>, so even though I did:</p>
  
  <pre><code>$(function() {
      $('body .lazy').lazy({
        placeholder: "data:image/gif;base64,R0lGODlhEALAPQAPzl5uLr9Nrl8e7...",
        effect: "fadeIn",
        effectTime: 2000,
        threshold: 0
      });
  });
  </code></pre>
  
  <p>So, how to use jQuery Lazy with AJAX?</p>