[web2py] REF: Refresh Modal Window

[Teddy Nyambe]

Hi,

Give the following modal window on the same initiated on the same
page...modal 1 has a form to add a department and modal window 2 has a
form to add an office under a given department. The problem is that
after adding department without refreshing I try to add office, the
drop down with a list of depart,met does not have recently added
departments unless i refresh the window thats when they appear:

View:

{{extend 'layout.html'}}
<div id="new_department_btn1">
    <a class="btn btn-success btn-mini"
data-target="#new_department1_modal" data-toggle="modal">
        <i class="icon-search icon-white"></i>New Department
    </a>
</div>
<div id="new_office_btn1">
    <a class="btn btn-success btn-mini"
data-target="#new_office1_modal" data-toggle="modal">
        <i class="icon-search icon-white"></i>New Office
    </a>
</div>
<div id="new_department1_modal" class="modal hide fade">
    <div class="modal-header"><button type="button" class="close"
data-dismiss="modal">&times;</button>&nbsp;</div>
    <div class="modal-body">{{=LOAD('default','departments.load',
ajax=True, ajax_trap=True, user_signature=True)}}</div>
    <div class="modal-footer">&nbsp;</div>
</div>
<div id="new_office1_modal" class="modal hide fade">
    <div class="modal-header"><button type="button" class="close"
data-dismiss="modal">&times;</button>&nbsp;</div>
    <div class="modal-body">{{=LOAD('default','office.load',
ajax=True, ajax_trap=True, user_signature=True)}}</div>
    <div class="modal-footer">&nbsp;</div>
</div>

How do I get to load departments without refreshing?

--