title: replacing the content inside the tbody except one tr
body: <p>I have a code in javascript where i need to replace the content inside the tbody except for the tr which has a class of template. I tried</p>
  
  <pre><code>$('#table').find('tbody').not(".template").html('&lt;tr class="text-center"&gt;&lt;td colspan="5"&gt;No Todo data&lt;/td&gt;&lt;/tr&gt;');
  </code></pre>
  
  <p>but still it replace the whole tbody and not keeping the tr with a class of template.</p>
  
  <p>this is the html</p>
  
  <pre><code>&lt;table class="table" id="todo_list"&gt;
        &lt;thead&gt;
             &lt;tr&gt;
                &lt;th scope="col"&gt;#&lt;/th&gt;
                &lt;th scope="col"&gt;ID&lt;/th&gt;
                &lt;th scope="col"&gt;Name&lt;/th&gt;
                &lt;th scope="col"&gt;Todo&lt;/th&gt;
                &lt;th scope="col" style="width:20%"&gt;Action&lt;/th&gt;
             &lt;/tr&gt;
        &lt;/thead&gt;
  
        &lt;tbody&gt;
              &lt;tr class="template" hidden&gt;
                  &lt;td class="cell"&gt;&lt;/td&gt;
                  &lt;td class="cell"&gt;&lt;/td&gt;
                  &lt;td class="cell"&gt;&lt;/td&gt;
                  &lt;td class="cell"&gt;&lt;/td&gt;
                  &lt;td class="cell text-center"&gt;
                     &lt;button class="btn btn-warning btnUpdate" id="btnUpdate"&gt;Update&lt;/button&gt;
                      &lt;button class="btn btn-danger btnDelete" id="btnDel"&gt;Delete&lt;/button&gt;
                   &lt;/td&gt;
              &lt;/tr&gt;
        &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>