ResizableBehavior multiple resizable panels on a page

[Pieter Claassen]

I have multiple panels on a page, each once constructed as follows:

* public EditableQuestionPanel(String id, final QuestionBaseWebModel
questionBaseWebModel, final TemplateWebModel templateWebModel, final
QuestionEditPanel panel) {*
*        super(id);*
*        Options options = new Options();*
*        options.set("minWidth", 350);*
*        options.set("minHeight", 85);*
*        add(new ResizableBehavior("#resizable",options));*

Here is the HTML for each panel.

*<wicket:panel>*
*    <div id="resizable" class="ui-widget-content">*
*        <div class="question" wicket:id="holder">*
*            <a href="#" wicket:id="editor">*
*                <div id="label" wicket:id="questionDisplayPanel">*
*                </div>*
*            </a>*
*                 <span wicket:id="navpanel"></span>*
*        </div>*
*    </div>*
*</wicket:panel>*


I want them each to be resizable but only the first panel ever is.

I am using wicket-jquery-ui. Any idea what I am doing wrong here. Do I have
to give each pane a unique html id attribute?

Pieter