jquery - jqueryで行を動的に削除するにはどうすればよいですか

Question

jquery1.9 を使用しています。行をクリックして動的に追加または削除したいadd/remove image

以下は、最も重要な html コードです。

<ul id="topic_courses_list">
  <li class="section_form_li1">
      <div class="section_form_div1">
          <select id="topic_courses" class="chzn-select" data-placeholder="Please chose a course" style="width:350px;" tabindex="1">
          </select>
      </div>
      <div class="section_form_div1">
          <img id="topic_add_course_img" src="../../imgs/btn_30x22_add.gif"/>
      </div>
   </li>
</ul>

addID がの画像をクリックするtopic_add_course_imgと、新しい行が追加されます。この行には がありdelete imageます。これをクリックすると、新しい行を削除できます。

これが私のコードです

$(document.body).on('click', '#topic_add_course_img', function(){
        var course_name = $("#topic_courses").find("option:selected").text();
        var course_val = $('#topic_courses').val();

        var chtml = '<li class="section_form_li1">' +
         '   <div class="section_form_div1">'+course_name+'&nbsp;' +
         '       <img src="../../imgs/btn_30x22_delete.gif" align="absmiddle" />' +
         '   </div>' +
         '</li>'
         $("#topic_courses_list").append(chtml);

 });

ええ、私は望む結果を得ましたが、画像をクリックして行を削除することはできません。線に動的なIDを付けても、画像をクリックしたときにどのIDかわかりませんか?

どんな答えでも歓迎です:)、ありがとう。