title: Jquery code for load more content is not working
body: <p>I have 20 div with same class.
  I want to show first 3 div when page is loaded then when click load more it will show another 5 and so on.
  I got some basic codes from internet but failed to implement those.</p>
  
  <pre><code>var size_item = $('.listing').length();
  var v=3;
  $('.listing:lt('+v+')').show();
  $('#load_more').click(function () {
      v= (v+5 &lt;= size_item) ? v+5 : size_item;
      $('.listing:lt('+v+')').show();
  });
  </code></pre>
  
  <p>I'm giving you my fiddle codes <a href="https://jsfiddle.net/tanmndz/jowg34se/" rel="nofollow noreferrer"><strong>DEMO</strong></a></p>