jQuery的刪除動態創建的元素不工作

Question

這裏是代碼和的jsfiddle http://jsfiddle.net/yh3rynab/1/

 var i = 1; 
     $('body').on('click', '#add_row', function() { 
      if (i >4) { 
       alert("No more"); 
       return; 
      } 
      $('#fg01_container').append('<div class="form-group" id="fg01_0' + i + '"></div>'); 
      $('#fg01_0' + i).html('<div class="col-md-2 col-md-offset-4">CONTENT</div>'); 
      i++; 
     }); 

     $('body').on('click', '#delete_row', function() { 
      if (i > 1) { 

       $("#fg01_0" + (i - 1)).remove; 
       i--; 
      } 
     }); 

的代碼添加不錯，但它不會刪除剛創建的元素。請指教！

Answer 1

刪除是一項功能。稱它爲刪除（）

$("#fg01_0" + (i - 1)).remove(); 

Answer 2

刪除是方法，而不是在jquery中的屬性。您應該使用的.remove()代替.remove

$("#fg01_0" + (i - 1)).remove(); 

Working Demo