Добавления только одного элемента drag and drop
 

Вот сделал перемещения дива по таблице, но проблема в том что не могу понять как сделать так чтобы в ячейку таблице можно было добавить только один элемент (див)??

<script type="text/javascript" src="header.js"></script>
		<script type="text/javascript" src="redips-drag-min.js"></script>
		<script type="text/javascript" src="script.js"></script>

<center>
			<!-- tables inside this DIV could contain drag-able content  -->
			<div id="drag">
				<table>
					<colgroup>
						<col width="15"/>
						<col width="15"/>
						<col width="15"/>
					</colgroup>
					<tbody>
						
						<tr>
							<td></td>
						
<td class="cdark">
<div id="d3_3" class="drag"  style="background-image:url(images/book.jpg); background-repeat:no-repeat;  height:79px; width:15px;"></div>
</td>
<td class="cdark">
<div id="d1_1" class="drag"  style="background-image:url(images/book.jpg); background-repeat:no-repeat;  height:79px; width:15px;"></div>
</td>
 <td class="cdark">
 <div id="d1_2" class="drag"  style="background-image:url(images/book.jpg); background-repeat:no-repeat;  height:79px; width:15px;"></div>
 </td>
                            
                            
                            
                            </td>
						</tr>
						
					</tbody>
				</table>
			</div>
		</center>