Код работает через раз

Добрый вечер. Не могу несколько дней разобраться с одним кодом, работает но почему то через раз (на первом изображение работает, на втором нет, на третьем работает на четвертом нет и т.д.). Чуток JS знаю, но не очень, может хоть ткните в какую сторону смотреть. Сам код.

$(document).ready(function () {
   var inProgress = false;
   var startFrom = 20;
   $(window).scroll(function () {
      if ($(window).scrollTop() + $(window).height() >= $(document).height() - 500 && !inProgress) {
         $.ajax({
            url: 'load.php',
            method: 'POST',
            data: {
               "startFrom": startFrom
            },
            beforeSend: function () {
               inProgress = true;
            }
            }).done(function (data) {
               data = jQuery.parseJSON(data);
               if (data.length > 0) {
                  if (data.length == 10) {
                     $("#articles").append("<div class="row"><div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1"><div class="content_res"><ins class="adsbygoogle google_ads" style="display:block" data-ad-client="ca-pub-2928478915116205" data-ad-slot="1371563414" data-ad-format="auto"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script></div></div></div>");
                  }
                  $.each(data, function (index, data) {
                     var top_text_res = "<div class="row border_top_text_res"><a class="a_href_id" href="story.php?" + data.id + "">гифка №" + data.id + " </a><div class="date_res">" + data.date_res + "</div></div>";
                     var main_text_res = "<h2>" + data.description + "</h2><div class="gif-with-play"><img src="" + data.text_res + "" class="img-responsive" alt="" + data.description + "" data-srcgif="" + data.text_res_gif + ""></div>";
                     (function ($) {
                        $('.gif-with-play').on('click', function () {
                           var $this = $(this),
                               $img = $this.children('img'),
                               $imgSrc = $img.attr('src'),
                               $imgSrcgif = $img.attr('data-srcgif'),
                               $imgExt = $imgSrcgif.split('.');
                           if($imgExt[1] === 'gif') {
                              $this.addClass('loading-hide');
                              $img.attr('src', $img.data('srcgif')).attr('data-srcgif', $imgSrc);   
                              $($img).load(function () {
                                 $this.removeClass('loading-hide');
                              });
                           }else{   
                              $img.attr('src', $imgSrcgif).attr('data-srcgif', $img.data('srcgif'));
                           }
                           $this.toggleClass('play');
                        });
                     })(jQuery);
                     var bot_text_res = "<div class="row border_bottom_text_res"><div class="up col-lg-1 col-md-1 col-sm-1 col-xs-1"><div class="vote2"><a href="" class="vote" id="" + data.id + "" name="up"><div class="glyphicon glyphicon-plus"></div></a></div></div><div id="vote" + data.id + "" class="vote2 col-lg-1 col-md-1 col-sm-1 col-xs-1">" + data.diff_res + "</div><div class="down col-lg-1 col-md-1 col-sm-1 col-xs-1"><div class="vote2"><a href="" class="vote" id="" + data.id + "" name="down"><div class="glyphicon glyphicon-minus"></div></a></div></div><script src="js/votes.js"><\/script><div class="share_res"><script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"><\/script><script src="//yastatic.net/share2/share.js"><\/script><div class="ya-share2 visible-xs visible-sm" data-title="гифка №" + data.id + "" data-url="http://gifs.reseto.com/story.php?" + data.id + "" data-image="http://gifs.reseto.com/" + data.text_res + "" data-services="vkontakte,facebook,gplus,twitter,viber,whatsapp"></div><div class="ya-share2 hidden-xs hidden-sm" data-title="гифка №" + data.id + "" data-url="http://gifs.reseto.com/story.php?" + data.id + "" data-image="http://gifs.reseto.com/" + data.text_res + "" data-services="vkontakte,facebook,gplus,twitter"></div></div></div>";
                     $("#articles").append("<div class="row"><div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1"><div class="content_res">" + top_text_res + main_text_res + bot_text_res + "</div></div></div>");
                  });
                  inProgress = false;
                  startFrom += 10;
               }
            });
         }
      });
   });