title: How to delete a current row by clicking row' delete button in html table?
body: <p>I am new jquery and in my project The rows will gets updated dynamically.</p>
  
  <p>Now my question is how to delete a row when we click that rows delete button. Kindly some one help me to do this.</p>
  
  <pre><code>&lt;table
          class="table table-striped table-bordered table-hover table-condensed tableSiteUser"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;#&lt;/th&gt;
                  &lt;th&gt;SiteName&lt;/th&gt;
                  &lt;th&gt;UserName&lt;/th&gt;
                  &lt;th&gt;Channel&lt;/th&gt;
                  &lt;th&gt;Action&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody id="site-table-body"&gt;
              &lt;tr&gt;
                  &lt;td class="countsiteuser"&gt;1&lt;/td&gt;
                  &lt;td&gt;&lt;select class="form-control"&gt;&lt;option&gt;www.google.com&lt;/option&gt;
                          &lt;option&gt;www.yahoo.com&lt;/option&gt;
                          &lt;option&gt;www.flipkart.com&lt;/option&gt;
                          &lt;option&gt;www.gamil.com&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;input type="checkbox" value="user" id="checkboxbutton"&gt;&lt;input
                      type="text" class="and" placeholder="Default"&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;input type="text" class="form-control"
                      placeholder="Enter the Channel"&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;span
                      class="form-control glyphicon glyphicon-trash siteUserrow-remover1"&gt;&lt;/span&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td class="beer" contenteditable="false"&gt;2&lt;/td&gt;
                  &lt;td&gt;&lt;select class="form-control"&gt;&lt;option&gt;www.google.com&lt;/option&gt;
                          &lt;option&gt;www.yahoo.com&lt;/option&gt;
                          &lt;option&gt;www.flipkart.com&lt;/option&gt;
                          &lt;option&gt;www.gamil.com&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;input type="checkbox" value="user" id="checkboxbutton"&gt;&lt;input
                      type="text" class="and" disabled="" placeholder="Default"&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;input type="text" class="form-control"
                      placeholder="Enter the Channel"&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;span
                      class="glyphicon glyphicon-trash form-control row-remover"2=""&gt;&lt;/span&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td class="beer" contenteditable="false"&gt;3&lt;/td&gt;
                  &lt;td&gt;&lt;select class="form-control"&gt;&lt;option&gt;www.google.com&lt;/option&gt;
                          &lt;option&gt;www.yahoo.com&lt;/option&gt;
                          &lt;option&gt;www.flipkart.com&lt;/option&gt;
                          &lt;option&gt;www.gamil.com&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;input type="checkbox" value="user" id="checkboxbutton"&gt;&lt;input
                      type="text" class="and" disabled="" placeholder="Default"&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;input type="text" class="form-control"
                      placeholder="Enter the Channel"&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;span
                      class="glyphicon glyphicon-trash form-control row-remover"3=""&gt;&lt;/span&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>Please provide me some jsfiddle examples.</p>