title: JQuery click event doesn't work after first click
body: <p>I want to create a custom paging for my mvc project. Here is my next button. It works at when I click to it first but after that it doesn't work. Where is my mistake?</p>
  
  <pre><code>  &lt;script type="text/javascript"&gt;
          $(document).ready(function () {
              $("#btnNext").click(function () {
                $.ajax({
                      url: '/Customer/Next',
                      data: { currentPageIndex: document.getElementById('currentPageIndex').value },
                      success: function (response) {
                          $("body").html(response);
                      }
                  });
              });
         });
        &lt;/script&gt;
  </code></pre>