title: Jquery Load specific div make button not work
body: <p>get a problem with after success ajax and load the div. 
  Here's the code:</p>
  
  <pre><code> &lt;script&gt;
  
  $('.delete').click(function(e){
      e.preventDefault();
  
      var id = $(this).attr('id');
      if (confirm('Delete this user?') == true) {
          $.ajax({
              type: "POST",
              data: {_method: "DELETE"},
              url: 'manage-staff-roles/' + id, //resource
              beforeSend: function(){
                  $('.loader-wrap').removeClass('hiding hide');
              },
              success: function() {
                  $('.loader-wrap').addClass('hiding hide');
                  $('#table').load(location.href + " #table");
                  Messenger().post({
                      message: 'Success.',
                      type: 'success',
                      showCloseButton: true
                  });
  
              }
  
          });
      }
      else
      {
          return;
      }
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <hr>
  
  <p>Here is my html:</p>
  
  <pre><code>       &lt;div id="table"&gt;
            @foreach($staffroles as $staffrole)
  
                              {{ $staffrole-&gt;id }}
  
                              {{ $staffrole-&gt;name }}
  
                              &lt;a class="edit" id="staffroles/{{ $staffrole-&gt;id }}/edit" href="manage-staff-roles/{{ $staffrole-&gt;id }}/edit"&gt;
                                  Edit &lt;/a&gt;
                              |
                              &lt;a class="delete btn" id="{{ $staffrole-&gt;id }}" &gt;
                                  Delete &lt;/a&gt;
  
                  @endforeach
                  &lt;/div&gt;
  </code></pre>
  
  <p>after the ajax success and do all the function perfectly (including reload the specific div). But the problem is my div that contain a delete button is become unusable but the edit button is working). </p>