title: add a delete icon in front of each row in list in jquery
body: <p>I have a list control and at run time when I bind data to the control I want to append a delete icon or a button to each row in jquery, so that I can delete a row if I want to.  Here is the code that I am using to bind data to the control.  </p>
  
  <pre class="lang-js prettyprint-override"><code>$(response.aaData).each(function (index, val) { 
      $("#multiselectSubCat")
          .append($('&lt;option&gt;&lt;/option&gt;').val(val.SubCategoryId).html(val.SubCategoryName)); 
  });
  </code></pre>
  
  <p>Rendered</p>
  
  <pre><code>&lt;select name="from" id="multiselectSubCat" multiple="multiple" style="width: 300px; top: 100px"&gt;
   &lt;option value="9"&gt;Category1&lt;/option&gt;
   &lt;option value="10"&gt;Category2&lt;/option&gt;
   &lt;option value="11"&gt;Category3&lt;/option&gt;
   &lt;option value="12"&gt;Category4&lt;/option&gt;
   &lt;option value="13"&gt;Category5&lt;/option&gt;
   &lt;option value="22"&gt;Category6&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>