Infinite scroll codeigniter

// Controller
<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class AjaxController extends CI_Controller {
  private $perPage = 12;

    public function index(){
     $count = $this->db->get('pets')->num_rows();
     if(!empty($this->input->get("page"))){
      $start = ceil($this->input->get("page") * $this->perPage);

      $query = $this->db->limit($start, $this->perPage)->get("pets");

      $data['pets'] = $query->result();
      $result = $this->load->view('pets/entries', $data);

      echo json_encode($result);
     } else {
      $query = $this->db->limit($this->perPage)->get("pets");
      $data['pets'] = $query->result();

	    $this->load->view('myPost', $data);
     }
    }
}

//View file

<?php foreach($pets as $pet){ ?>
  <div class="col-md-12">
  	<h3><a href=""><?php echo $pet->pet_entry_title ?></a></h3>
  	<p><?php echo $pet->pet_descr ?></p>
  	<div class="text-right">
  		<button class="btn btn-success">Read More</button>
  	</div>
  	<hr style="margin-top:5px;">
  </div>
<?php } ?>


// Javascript
 <script type="text/javascript">
  var page = 1;
  $(window).scroll(function() {
    var scrollTop = $(document).scrollTop();
    var windowHeight = $(window).height();
    var bodyHeight = $(document).height() - windowHeight;
    var scrollPercentage = (scrollTop / bodyHeight);

    // if the scroll is more than 90% from the top, load more content.
    if(scrollPercentage > 0.9) {
      page++;
      loadMoreData(page);
    }
  });


  function loadMoreData(page){
    $.ajax({
        url: '?page=' + page,
        type: "get",
        beforeSend: function(){
          $('.ajax-load').show();
        }
      })
      .done(function(data){
        if(data == ""){
          $('.ajax-load').html("No more records found");
          return false;
        } else {
          $('.ajax-load').hide();
          $("#post-data").append(data);
        }
      })
      .fail(function(jqXHR, ajaxOptions, thrownError){
        alert('server not responding...');
      });
    }
  </script>