<table border="1">
　　　　<tr>
　　　　　　<th>カラム１</th>
　　　　　　<th>カラム２</th>
　　　　</tr>
　　　　<tr id="item">
　　　　　　<td id="data0">データ０</td>
　　　　　　<td id="test0">テスト０</td>
　　　　</tr>
　　　　<tr id="item">
　　　　　　<td id="data1">データ１</td>
　　　　　　<td id="test1">テスト１</td>
　　　　</tr>
　　　　<tr id="item">
　　　　　　<td id="data2">データ２</td>
　　　　　　<td id="test2">テスト２</td>
　　　　</tr>
　　</table>

　　<script src="http://code.jquery.com/jquery-1.11.0.min.js";></script>
　　<script type="text/javascript">
　　　　$(function() {
　　　　　　//$('#item').empty();
　　　　　　$('#item').remove();
　　　　});
　　</script>

$('#item').empty();　又は　$('#item').remove();
でデータ０・テスト０の行のみが消える理由と
itemのついた<tr>配下を全て削除(タグ含め)する方法を教えてください
※要はタイトル行のみ残したい