title: jQuery PreventDefault() not working after ajax request loaded
body: <p>I am working with ajax request on clicking next and previous week.Take a look at the image first.<a href="https://i.stack.imgur.com/qSRHG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qSRHG.png" alt="enter image description here"></a></p>
  
  <p>Okay here both next week and Prev week has same class <code>whole-week</code> and Below is the basic html of this table</p>
  
  <pre><code>&lt;table class="sevent-weekly-view"&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;a class="whole-week" href="" data-week="24" data-year="2018"&gt;Prev Week&lt;/a&gt;
          &lt;/td&gt;
          ...
          &lt;td&gt;Tue&lt;br&gt;&lt;span class="weekly-date"&gt;19&lt;/span&gt;&lt;/td&gt;
          ...
          &lt;td&gt;
              &lt;a href="" class="whole-week" data-week="26" data-year="2018"&gt;Next Week&lt;/a&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>My ajax request is making response like below</p>
  
  <pre><code>&lt;thead&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;a class="whole-week" href="" data-week="24" data-year="2018"&gt;Prev Week&lt;/a&gt;
          &lt;/td&gt;
          ...
          &lt;td&gt;Tue&lt;br&gt;&lt;span class="weekly-date"&gt;25&lt;/span&gt;&lt;/td&gt;
          ...
          &lt;td&gt;
              &lt;a href="" class="whole-week" data-week="26" data-year="2018"&gt;Next Week&lt;/a&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  </code></pre>
  
  <p>And i am replacing table content with ajax request.First time it works fine.But after first response Prevent default is not working.</p>
  
  <h2>Below is JS codes</h2>
  
  <pre><code> var _getweekevents = function(week, year){
   var table = jQuery('.sevent-weekly-view');
      jQuery.ajax({
          type: 'post',
          url: seventdata.ajaxurl,
          data:{
              action: 'sevent_weekly_posts',
              week : week,
              year: year,
          },
          beforeSend: function(){},
          success: function(request){
              table.html(request.table);
          },
      });
  }
  
  var weekly = jQuery(document).find('.whole-week');
  
  weekly.each(function(index){
      jQuery(this).on('click', function(e){
          e.preventDefault();
          var week = jQuery(this).data('week');
          var year = jQuery(this).data('year');
          _getweekevents(week, year);
      });
  });
  </code></pre>
  
  <blockquote>
    <p>My Ajax Request And All other requests are working fine without producing any error.I also tried <code>jQuery('.whole-week')</code></p>
  </blockquote>