Динамична таблица с droppable TD - jquery, jquery-droppable

Изграждам динамична таблица. Искам една от колоните в таблицата да бъде изхвърлена. Следва моят код. Проблемът в моя код е, че целият TR става пренебрежим. Моля помогнете

$.each(obj, function (i, val) {
operation1 = $("<tr><td>"
+ obj[i].Operation + "</td>"
+ "<td>" + obj[i].OperationName
+ "</td>" + "<td>" + "" + "</td>" + "<td>" + ""
+ "</td><td><div class="droppable" id="op" + count
+ ""></div></td></tr>");

$("#MainStepsTR").append(operation1);
operation1.droppable({
activeClass: "ui-state-hover",
hoverClass: "ui-state-active",
drop: function (event, ui) {
$(this)
.addClass("ui-state-highlight")
.find("p")
.html("Dropped!");
},
accept: function (dropElem) {
return ($(dropElem).hasClass("ui-state-default"));
}
});
operation1 = "";
count += 1;
});

<table class="OperationsTbl">
<tr class="Header">
<th>Col1</th>
<th>Col2</th>
<th>Col3</th>
<th>Col4</th>
<th>Droppable Column</th>
</tr>
<tbody id="MainStepsTR"></tbody>
</table>

Отговори:

Добре, anwer е, че трябваше да обвържа събитието, което може да се изхвърли, с класатора

$(".droppableitem").droppable({