title: delete row if checkbox is selected
body: <p>I am trying to delete the row when checkbox is selected. It can be one or many at a time using jquery. But only checkbox is getting deleted.I want to delete full row.I am not able to figure out how it will be done.</p>
  
  <p>html--</p>
  
  <pre><code>     &lt;html&gt;
          &lt;body&gt;
            &lt;table id="pricetable" class="table"&gt;
                   &lt;thead&gt;
                       &lt;tr&gt;
                           &lt;th&gt;Size&lt;/th&gt;
                           &lt;th&gt;Price&lt;/th&gt;
                       &lt;/tr&gt;
                   &lt;/thead&gt;
                   &lt;tbody&gt;
                       &lt;tr&gt;
                           &lt;td&gt;
                          &lt;div class="form-group"&gt; 
                          &lt;select class="selectbox" name="Priority"&gt;
                          &lt;option&gt;0.5&lt;/option&gt;
                          &lt;option&gt;1&lt;/option&gt;
                          &lt;option&gt;2&lt;/option&gt;
                          &lt;/select&gt;     
                          &lt;/div&gt;
                           &lt;/td&gt;
                           &lt;td&gt;
                           &lt;div class="form-group"&gt;
                            &lt;input type="text" class="form-control" name="groceryName"&gt;
                           &lt;/div&gt;
                           &lt;/td&gt;
                           &lt;td&gt;
                                &lt;input type="checkbox" name="check"&gt;
                           &lt;/td&gt;
                       &lt;/tr&gt;
  &lt;tr&gt;
                           &lt;td&gt;
                          &lt;div class="form-group"&gt; 
                          &lt;select class="selectbox" name="Priority"&gt;
                          &lt;option&gt;0.5&lt;/option&gt;
                          &lt;option&gt;1&lt;/option&gt;
                          &lt;option&gt;2&lt;/option&gt;
                          &lt;/select&gt;     
                          &lt;/div&gt;
                           &lt;/td&gt;
                           &lt;td&gt;
                           &lt;div class="form-group"&gt;
                            &lt;input type="text" class="form-control" name="groceryName"&gt;
                           &lt;/div&gt;
                           &lt;/td&gt;
                           &lt;td&gt;
                                &lt;input type="checkbox" name="check"&gt;
                           &lt;/td&gt;
                       &lt;/tr&gt;
                   &lt;/tbody&gt;
                   &lt;br&gt;
  
                       &lt;button class="button btn btn-info" id="delrow"&gt;Delete row&lt;/button&gt;
          &lt;/body&gt;
          &lt;script&gt;
  
          $(document).ready(function(){
          $('#delrow').click(function(){
                  $("#pricetable input:checkbox").each(function(){
                      if (this.checked) {
                           $(this).remove();
                      }
                      return false;  
  
                  })
          });
          });
  
          &lt;/script&gt;
          &lt;/html&gt;
  </code></pre>