[web2py] How to reload a div containing a component

[Johann Spies]

I have this view:

{{extend 'layout.html'}}
<div class="row">
    <div class="span7">
        {{=opskrif}}
        {{=vorm}}
    </div>
    <div class="span5">
    {{=skakel}}
    </div>
</div>
<div class="span12">
         {{=LOAD('authors', 'list_chosen_authors.load', ajax=True)}}
         
<input id="Button1" type="button" value="Reload all data below" class = 
"btn btn-info"/>
<br />
</div>

<div class = "herlaai_pubvelde">{{=LOAD('authors', 'publikasievelde.load', 
ajax=True)}}</div>

<div class = "herlaai_personeel">{{=LOAD('default', 'personeel.load', ajax=
True)}}</div>
<div class = "herlaai_nrf">{{=LOAD('default', 'nrfdata.load', ajax=True)}}</
div>

 <script type="text/javascript">
 $(document).ready(function() {
    $('#Button1').click(function() {
        $('#herlaai_pubvelde').load('/init/authors/publikasievelde.load');
        $('#herlaai_personeel').load('init/default/personeel.load');
        $("#herlaai_nrf").load('init/default/nrfdata.load');

        return false;
    });
});
    </script>



The content of the last three component depends on the content of the first 
component. All of them make use of session variables.

I want the bottom three components to reload when #Button1 is clicked.

In the past I have used location.reload but that reloads the whole page.

I have tried the above code after reading
 
http://www.sitepoint.com/forums/showthread.php?633180-Refresh-DIV-Content-Without-Reloading-Page
 
but it is not doing the job for me.

Regards
Johann

--