Im trying to drag a table row into a div. 

Ive designated a class to the TR elements of "widgets" that Im trying to drag, but cant get the draggable to work, How do I use the selector in  my drag statement.

$( ".widgets" ).draggable(); 

<div id="files">

<table>

<tr class="widgets"><td>ITEM1</td></tr>

<tr class="widgets"><td>ITEM2</td></tr>

<tr class="widgets"><td>ITEM3</td></tr>

</table>

</div>

<div id="droppable"></div>