JQUERY JSON load page into div not working

JQUERY JSON load page into div not working

I am really lost here.....i have written a little function to check if the username/password of a certain user is correct using a json query. If result is ok i want to load a certain page into a div, if the result is error i want to load a different page into a div. Any help / explantion would be really much appreciated

Normally i would use   $('#test').load("members.php"); to achieve this but it just isnt working (my div has an id of test - members is the page to be loaded.

  2. function dologin(){
  3. var email = $('#email').val();
  4. var wachtwoord = $('#wachtwoord').val();
  6. if($.trim(email) != '' && $.trim(wachtwoord) != ''){
  7. $.post("login2.php", {email:email,wachtwoord:wachtwoord})
  8. .done(function(data) {
  9. var response    = jQuery.parseJSON(data);
  10. var result = response.result;

  12. if(result == 'ok'){
  13.      $('#test').load("members.php");
  14. return false;
  15. // logged on
  16. }else{
  17. // error
  18. $('#test').load("loginfailed.php");
  19. }

  21. }, "json");
  22. }
  23. }