load more data on button click using asp.net mvc and jquery?

<script>      $(document).ready(function () {
          var itemsCount = 0,
    itemsMax = $('#maindiv div.col-sm-4').length;
          $('#maindiv div.col-sm-4').hide();

          function showNextItems() {
              var pagination = 3;

              for (var i =itemsCount; i < (itemsCount + pagination); i++) {
                  $('#maindiv div.col-sm-4:eq(' + i + ')').show();
              }

              itemsCount += pagination;

              if (itemsCount > itemsMax) {
                  $('#showMore').hide();
              }
          };

          showNextItems();

          $('#showMore').on('click', function (e) {
              e.preventDefault();
              showNextItems();
          });
      });</script>

<a href="#" id="showMore">Show More</a>