remove the dynamically created elemnts in javascript

Question

I am creating four input textboxes(i.e srno , po_item, po_quantity, po_due_date) and one button (i.e remove_item) dynamically. i wanna remove these element when I click that button.. Please help me.. Thanks in advance

$('#space').append(
  '<div class="row form-group" id="row">
  <div class="col-lg-1">
  <input type="text" name="srno" id="srno" class="form-control" /></div>
  <div class="col-lg-4">
  <input type="text" name="po_item" id="po_item" class="form-control" ></div>
  <div class="col-lg-3">
  <input type="text" name="po_quantity" id="po_quantity" class="form-control"></div>
  <div class="col-lg-3 ">
  <input type="text" name="po_due_date" id="po_due_date" class="form-control"</div>
  <div class="col-lg-1">
  <input type="button" id="remove_item" name="remove_item" value="Remove" class="form-control btn btn-danger"></div>
</div>');