deleting the appended data - jquery
<pre><code>select: function (event, ui) {

        var staffItem = new Object();


        staffItem.StaffId = ui.item.id;
        staffItem.Name = ui.item.name;
        staffItem.Photo = ui.item.image;
        staffItem.Email=ui.item.email;
        staffItem.Mobile=ui.item.mobile;          

              var data = "&lt;div&gt;&lt;table width='100%'&gt;&lt;tr&gt;&lt;td align='right' &gt;&lt;div class='close16'/&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;div&gt;&lt;table&gt;&lt;tr&gt;&lt;td rowspan='4' width='50px;'&gt;&lt;img src='" + staffItem.Photo + "' Width='48' Height='48'  /&gt;&lt;/td&gt;&lt;td&gt;" + staffItem.Name + " ( " + staffItem.StaffId + " )&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;table cellpadding='0' cellspacing='0'&gt;&lt;tr&gt;&lt;td&gt;" + staffItem.Email + "&lt;/td&gt;&lt;td&gt;&amp;nbsp;|&amp;nbsp;&lt;/td&gt;&lt;td&gt;" + staffItem.Mobile + "&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt; ";
                $('#staffInCharge').css('background-color','#FFAA55');
                $('#staffInCharge').append(data);
</code></pre>

<p>am using this code to append staff details into a div, and in the close16 class am using a image file(for cross mark to delete the data), if I click the cross mark the appended data should be deleted, how can I do that, and also when I append the new data its appending one by one(below of existing data) i need to append it to the right side, how can I do this.</p>
