title: jQuery .remove() after ajax response
body: <p>I create <code>HTML</code> checkboxes dynamically using <code>PHP</code> and <code>MySQL</code>. They can look like this: </p>
  
  <pre><code>&lt;input type='checkbox' name ='chkDel' value='11'&gt;
  &lt;input type='checkbox' name ='chkDel' value='18'&gt;
  &lt;input type='checkbox' name ='chkDel' value='55'&gt;
  </code></pre>
  
  <p>Then I have this <code>jQuery</code> script that checks if one or more checkboxes are checked and processes the information in a <code>PHP</code> file. For each checkbox checked it removes a row in a databse table.</p>
  
  <pre><code>$('#delete_absence_row').click(function() {
          var query_string = ''; 
          $('input[type=checkbox]').each( 
              function() { 
                  if (this.checked) { 
                          query_string += "&amp;chkDel[]=" + this.value; 
                      } 
              });
      $.ajax({ 
          type: "POST", 
          url: "../updateAbsence.php", 
          data: query_string, 
          success: 
              function(t) { 
                  $("div#content_response").empty().append(t);
              }, 
          error: 
              function(){ 
                  $("div#content_response").append("An error occured during processing"); 
              } 
          }); 
      });
  </code></pre>
  
  <p>Now I would like to append a <code>.remove();</code> to each checkbox that are marked, that is all checkboxes that are in the <code>query_string</code> in the <code>success:function(t)</code></p>
  
  <p>I dont't know <code>jQuery</code> that much and the code above is a mix of different solutions I found on the web so bear with me.</p>
  
  <p>How do I remove the checkboxes marked after a success function?</p>