title: Lazy Load not working after getting images with jquery
body: <p>Hello everybody I have a question I am using lazy load for my images in my website. I taking my first 10 datas using server side , here is ok. However I load next 10 datas by using jquery> ajax . I can get the data what I want but lazy load function is not working on new datas.</p>
  
  <pre><code>$(window).scroll(function () {
              if ($(window).scrollTop() == $(document).height() - $(window).height()) {
  
                  $.getScript("//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js");
                  $.getScript("~/Content/js/jquery.js");
                  $.getScript("~/Content/js/main.js");
                  $.getScript("~/Content/js/jquery.lazyload.js");
                  GetNextPageData(true);
  
                  $(function () {
                      $("img.lazy").lazyload({
                          event: "burak",
                          effect: "fadeIn"
                      });
                  });
  
                  $(window).bind("load", function () {
                      var timeout = setTimeout(function () {
                          $("img.lazy").trigger("burak")
                      }, 1000);
                  });
              }
          });
  </code></pre>
  
  <p>and here is part of my view </p>
  
  <pre><code>&lt;div class="col-xs-6 pr0 js-img-container"&gt;
  
           @{
               string img1 = item.image_1;
               string img2 = item.image_2;   
           }
               @*&lt;img src="~/Content/img/loading.gif" id="img1" data-original="http://static.mobilozi.com/phonestartersite/images/FlashImages/whichOne/@img1" class="lazy js-img-left img-responsive" style="height:250px;width:317px;" title="" alt="@_a"&gt;*@
           &lt;img src="~/Content/img/loading.gif" id="img1" data-groupornot="@GroupOrNot" data-original="http://static.mobilozi.com/phonestartersite/images/FlashImages/whichOne/@img1" class="lazy js-img-left img-responsive img-fix" title="" alt="@_a"&gt;
           &lt;span id="spn1_@_b" class="@isLikeLeft"&gt;&lt;/span&gt;
           &lt;div class="which-bar left"&gt;&lt;span id="perc1@_b@GroupOrNot" class="pr5"&gt;@percentage1%&lt;/span&gt;&lt;/div&gt;
       &lt;/div&gt;
       &lt;div class="col-xs-6 pl0 js-img-container"&gt;
           @*&lt;img src="~/Content/img/loading.gif" id="img2" data-original="http://static.mobilozi.com/phonestartersite/images/FlashImages/whichOne/@img2" class="lazy js-img-right img-responsive" title="" alt="@_a"&gt;*@
               &lt;img src="~/Content/img/loading.gif" id="img2" data-groupornot="@GroupOrNot" data-original="http://static.mobilozi.com/phonestartersite/images/FlashImages/whichOne/@img2" class="lazy js-img-right img-responsive img-fix" title="" alt="@_a"&gt;
           &lt;span id="spn2_@_b" class="@isLikeRight"&gt;&lt;/span&gt;
           &lt;div class="which-bar right"&gt;&lt;span id="perc2@_b@GroupOrNot" class="pl5"&gt;@percentage2%&lt;/span&gt;&lt;/div&gt;
       &lt;/div&gt;
  </code></pre>
  
  <p>I tried to load by using getscript but it didnt work. What should I do to trigger it again ? Thank you.</p>