Jquery, Clear / Empty all contents of tbody element?

Question

I thought this would be rather simple but it seems the empty method is not working to clear out a tbody that I have. I would appreciate if anyone knows a proper way to do this,

Answer 1

Example for Remove table header or table body with jquery

function removeTableHeader(){
  $('#myTableId thead').empty();
}

function removeTableBody(){
    $('#myTableId tbody').empty();
}

  

    
1st heading
    
2nd heading
    
3rd heading
  
  
  

    

      
1st content
      
1st content
      
1st content
    
    

      
2nd content
      
2nd content
      
2nd content
    
    

      
3rd content
      
3rd content
      
3rd content