title: jQuery click event doesn't work the second time
body: <p>I'm using jQuery to handle and process Ajax pagination with Codeigniter .</p>
  
  <p>When I load the page for the first time the Ajax works but when the page loaded and I click in the an other page link it doesn't work (it goes to the native URL).  </p>
  
  <p>This is my jQuery function:</p>
  
  <pre><code>function pagination(){
  $('.paginate').click(function(){
     $('#loading').css('display','block');
     var b  = $(this).attr('href');
     b = b.split('/');
     b = 'http://'+'/'+b[2]+'/'+b[3]+'/indexAjax/'+b[5];
     grabpagination(b);
     return false;
  
  
  });
  }
  
  function grabpagination(b){
      $.ajax({
     type:'POST',
     url: b,
     cache: false,
     data: {},
     success: function (data) {
        $("#center").replaceWith("&lt;div id='center'&gt;"+data+"&lt;/div&gt;");
          $('#loading').css('display','none');
          $('html, body').animate({scrollTop: '0px'}, 1100);
  
     },
     dataType: 'html'
  });
  
  
  }
  </code></pre>
  
  <p>and the HTML of the pagination UL</p>
  
  <pre><code>&lt;ul id="pagination"&gt;
      &lt;li class="current"&gt;1&lt;/li&gt;
      &lt;li&gt;&lt;a class="paginate" href="http://under.dev/home/index/2"&gt;2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a class="paginate" href="http://under.dev/home/index/4"&gt;3&lt;/a&gt;&lt;/li&gt;
      &lt;li class="text"&gt;&lt;a class="paginate" href="http://under.dev/home/index/2"&gt;التالي&lt;/a&gt;&lt;/li&gt;
      &lt;li class="text"&gt;&lt;a class="paginate" href="http://under.dev/home/index/14"&gt;الأخير&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><code>under.dev</code> is just a virtual domain.</p>
  
  <p>What's wrong? I'm using Firebug for debugging but it doesn't give any error.</p>
  
  <hr>
  
  <p><strong>SOLVED Using <code>Live()</code> function.</strong></p>