filteredselectmultiple widget breaks when in dialog box

[carrier24sg]

hi folks,

I am using the FilteredSelectMultiple widget for my manytomanyfield,
as seen on the admin site.

At the moment, everything is fine. However, if I place this widget
within a jquery dialog, the script breaks. I cannot move my items from
the first list to the second.

<div class="popup_field" id="students_input">
        <p class="field_wrapper"><!-- widget -->
                {{ form.students.errors }}
                {{ form.students }}
        </p>
    </div>

My script:

$(document).ready(function(){

            $('#students_input').dialog({
                autoOpen:false,
                modal:true,
                height:300,
                width:350,
            });


            $(":submit").click( function(){
                $("form").data("submit-button", this.name);
            });

            $("form").submit(function() {
               $('#students_input').dialog('open');

                //other stuffs
            });

Error message:

SelectBox.cache[id] is undefined
http://foobar.com/media/admin/js/SelectBox.js
Line 58

Can anyone shed some light to this?

-- 
You received this message because you are subscribed to the Google Groups 
"Django users" group.
To post to this group, send email to django-users@googlegroups.com.
To unsubscribe from this group, send email to 
django-users+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/django-users?hl=en.