I have a set of html elements that should use the ui-draggable class from jquery-ui. I need to update all of the jquery-ui elements dynamically. This program renders html after the page has been loaded.

<div id="s1" class="draggyBox-small">Loop Body</div>

I expect that when I click on the element and drag it the class should get updated to ui-draggable ui-draggable-dragging. There aren't any error messages. I've tried hard coding the class on the elements

<div id="s1" class="draggyBox-small ui-draggable">Loop Body</div>

<div id="t1" class="ltarget ui-droppable"></div>

A function like the one shown below updates selected inputs

function update_draggy_boxes(){
      $("[class^=draggy]").draggable();
    }

I need to update all of the elements. Any help would be greatly appreciated.