JQuery UI Sortable with multiple levels of children
ok so I am new to jquery and am having an issue the format of the doc I have below is as such
<div id="header_0">
<div id="input_0123">
<div class="inputclass">
content
</div>
<div class="outputs">
<div id="output_1234">
<div class="outputclass">
content
</div>
</div>
<div id="output_5678">
<div class="outputclass">
content
</div>
</div>
</div>
</div>
</div>
...etc
ok so I want to sort the individual output divs within each input
I can't figure out what to do to get this to work
i have tried :
$('div[id*="input_"]').each(function(g){
$('.outputs', $(this)).sortable();
});
thinking that each input would now have the outputs become sortable within themselves (what I am looking for). unfortunately nothing seems to happen. no errors in console nothing seems to happen.
Any ideas